小编djr*_*eed的帖子

防止表单上的默认值提交jQuery

这有什么问题?

HTML:

<form action="http://localhost:8888/bevbros/index.php/test" method="post" accept-charset="utf-8" id="cpa-form" class="forms">        
      <input type="text" name="zip" value="Zip code" id="Zip" class="required valid">      
      <input type="submit" name="Next" value="Submit" class="forms" id="1">
  </form>
Run Code Online (Sandbox Code Playgroud)

jQuery的:

$("#cpa-form").submit(function(e){
    e.preventDefault();
  });
Run Code Online (Sandbox Code Playgroud)

jquery preventdefault

127
推荐指数
5
解决办法
41万
查看次数

使用jQuery在屏幕外滑动div

这是一个挑战.这是我正在寻找的:

  1. 屏幕上有3个div
  2. Div 1位于页面中间(居中)
  3. Div 2就位于最左侧的屏幕上
  4. Div 3就位于最右边的屏幕上
  5. OnClick,Div 1滑动到Div 2的位置(向左),Div 2完全滑离屏幕,Div 3滑动到Div 3的位置(中间,居中).一个新的div到达右边.

我尝试过使用jQuery动画和AddClass.jQuery不喜欢在屏幕外滑动div.

有什么想法吗?

有关我所描述的示例,请访问Groupon.com.我认为这是一个很酷的主意,并给了我自己重新创造它的挑战.到目前为止,没有骰子.

-D

html javascript css jquery

53
推荐指数
1
解决办法
8万
查看次数

CSS的复杂背景纹理

我有一个CSS背景的复杂问题.看看我在这里的尝试:http://beveragebros.com/bbnew/scroll.html

我所说的背景是副本所在的"羊皮纸".这张羊皮纸不是我习惯处理的简单纹理.通常,我会识别"顶部"和"底部"部分,然后是中间的重复模式.这将允许我根据内容的大小制作自动扩展div.这种情况并非如此简单,因为前75%的模式不会重复.

我知道有更好的方法可以做到这一点,但我已经绞尽脑汁几个小时,似乎无法找到一个好的解决方案.有什么想法吗?

最近一直在玩弄这个:

#body-text {
  background-image:url(images/repeat_scroll.png);
  background-repeat:repeat-y;
  width:730px;
}

#copy {
  position:relative;
  top:-200px;
}
Run Code Online (Sandbox Code Playgroud)

标记:

<div id="body-text">
<img src="images/top_scroll.png" alt="Top" />
<div id="copy">
   Testing Testing Testing Testing Testing
</div></div>
Run Code Online (Sandbox Code Playgroud)

然而,问题是div正文自动扩展,尽管文本没有到达包含div的底部.如果CSS允许具有各种z-indices的多个背景,那将是如此简单.#rippingmyhairout

css background

5
推荐指数
1
解决办法
3800
查看次数

从cURL结果中提取JSON

我是regex的新手,我正试图从PHP中的cURL请求中获取JSON响应.

我在考虑使用preg_match_all.

编辑:应该提到curl_exec()的完整响应包括头信息,这就是我需要提取JSON的原因.

HTTP/1.1 401 Unauthorized Server: Apache-Coyote/1.1 WWW-Authenticate:  Digest realm="",  qop="auth", [... etc]
Run Code Online (Sandbox Code Playgroud)

我想要的JSON看起来像这样(跟随所有标题):

{  "requests" :  
  [ { 
     "request_id" : 10298, 
     "name" : "CURL Test2",  
     "submitter" : "First Last",  
     "hide" : false,  
     "priority" : 10,  
     "tags" : [ "label 2" ],  
     "body" : 
          { "type" : "html", "content" : "" },  
     "runs" : 0  
   } ] 
  }
Run Code Online (Sandbox Code Playgroud)

希望只是抓住花括号之间的所有东西.然而,当我这样做时,它会抓住从第一个开口支架到第一个关闭支架的所有东西.为了扩展性,我只想抓住内部的所有内容,包括第一个左大括号和最后一个右大括号.

从技术上讲,它可以从第一个开始大括号开始并返回所有内容直到响应结束(JSON之后没有任何内容).

思考?

php regex json curl preg-replace

4
推荐指数
1
解决办法
7975
查看次数

它是这样的:单击图像,显示图像 - 使用jQuery

简单吧?

基本上,这是概念.想象一下div#images的所有子节点都是display:none默认情况下:

<div id=thumbs>
   <img src="thumb1.jpg"/>
   <img src="thumb2.jpg"/>
   <img src="thumb3.jpg"/>
</div>
<div id=images>
   <img src="img1.jpg"/>
   <img src="img2.jpg"/>
   <img src="img3.jpg"/>
</div>
Run Code Online (Sandbox Code Playgroud)

这是我提出的逻辑:单击div#thumbs的子项,捕获子项#,显示div#images的相应子项#.

我有的问题:

  • 如何返回元素的子编号onclick?(在这种情况下,div)
  • 注意我希望激活div#thumbs的子项

谢谢!

jquery

2
推荐指数
1
解决办法
266
查看次数

在Javascript数组中查找元素

可能重复:
Javascript - array.contains(obj)

这有什么问题:

var zipCodes =(['90001','90002','90003']);
Run Code Online (Sandbox Code Playgroud)

测试数组中是否存在该值 zipCodes

if('90001' in zipCodes) {
  alert('True');
};
Run Code Online (Sandbox Code Playgroud)

javascript arrays

2
推荐指数
1
解决办法
3万
查看次数

CSS特异性

假设这个加价:

<html class="fr">
<head>
</head>
<body>
 <div class="class1">
 </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

这会是:

.fr .class1 {
  background-color: blue;
}
Run Code Online (Sandbox Code Playgroud)

优先于:

.class1 {
  background-color: red;
};
Run Code Online (Sandbox Code Playgroud)

编辑:

对于那些想知道的人,是的,我曾经尝试过:)我没有在这里解释完整的问题并在这篇文章之后发现了问题.

基本上,我在同一个样式表中有两种样式:

.fr .class1 {
  font-size: 12px;
}

.class1 {
  font-size: 12px;
  line-height: 18px;
  height: 80px;
}
Run Code Online (Sandbox Code Playgroud)

虽然在技术上.fr .class1需要precendence.class1,这并不意味着该元素替换所有的.class1的样式.fr .class1的风格.相反,它.fr .class1首先考虑样式.class1.这是"显而易见的",但这就是我遇到困难的原因.

我的目标是使用.fr .class1优先级删除样式.class1.为了做到这一点,我意识到我需要将值设置为0或中性值:

例)

.fr .class1 {
  font-size: 12px;
  line-height: 0;
  height: auto;
}
Run Code Online (Sandbox Code Playgroud)

否则,它将级联.class1并填充这些样式.

css stylesheet

1
推荐指数
1
解决办法
196
查看次数