小编use*_*727的帖子

每个Jquery - 停止循环并返回对象

任何人都可以告诉我为什么循环没有在5条目后停止?
http://jsbin.com/ucuqot/edit#preview


$(document).ready(function()
{
  someArray = new Array();
  someArray[0] = 't5';
  someArray[1] = 'z12';
  someArray[2] = 'b88';
  someArray[3] = 's55';
  someArray[4] = 'e51';
  someArray[5] = 'o322';
  someArray[6] = 'i22';
  someArray[7] = 'k954';  

  var test =  findXX('o322');   

});

function findXX(word)
{  
  $.each(someArray, function(i)
  {
    $('body').append('-> '+i+'<br />');
    if(someArray[i] == 'someArray')
    {
      return someArray[i]; //<--- did not stop the loop!
    }   
  });  
}
Run Code Online (Sandbox Code Playgroud)

提前致谢!

each jquery loops return

60
推荐指数
1
解决办法
9万
查看次数

Javascript对象 - 以数字开头的键,允许?

这是允许的吗?

myObj = {};
myObj['4a56546s6d']
Run Code Online (Sandbox Code Playgroud)

或者密钥必须以如下字母开头:

myObj = {};
myObj['x4a56546s6d']
Run Code Online (Sandbox Code Playgroud)

我可以混合两者:

myObj = {};
myObj['x4a56546s6d']
myObj['4a56546s6d']
Run Code Online (Sandbox Code Playgroud)

我问,因为某些事情(例如HTML中的ID)必须以字母开头.我现在有第三个版本,fireBug标记了键(以数字开头)蓝色.

javascript arrays jquery key object

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

jQuery - 没有动画的ScrollTop

如何在没有动画的情况下使用scrolltop

此代码有效:

var offTop = $('#box').offset().top;
offTop  = offTop-43;
$('#mainCt').animate({scrollTop: '+=' + offTop + 'px'}, 400);
Run Code Online (Sandbox Code Playgroud)

这是我的(不工作的解决方案):

$("#mainCt").scrollTop('+=' + offTop + 'px');                 // doesn't work
$("#mainCt").scrollTop('+='+offTop);                          // doesn't work
hhh = setTimeout(' $("#mainCt").scrollTop('+offTop+');',800); // doesn't work
Run Code Online (Sandbox Code Playgroud)

演示
http://jsfiddle.net/DNNFF/9/

jquery animation scroll scrolltop

27
推荐指数
4
解决办法
4万
查看次数

Javascript - 如何克隆对象?

我很迷惑.我创建一个副本myObjOne,比我删除一个条目myObjOne和JS删除我的副本(myObjTwo)中的条目呢?但为什么?

  myObjOne = {};
  myObjOne['name'] = 'xxx';
  myObjOne['id'] = 'yyy';
  myObjOne['plz'] = 'zzz';  

  // clone
  myObjTwo = myObjOne;

  // remove something
  delete myObjOne['name'];

  console.dir(myObjTwo);
Run Code Online (Sandbox Code Playgroud)

例如 http://jsbin.com/itixes/edit#javascript,html

javascript clone copy

19
推荐指数
2
解决办法
4万
查看次数

用另一个元素开始拖动

是否可以用另一个元素开始拖动?

例如:http://jsbin.com/igohod/edit#preview

我想#ct点击它时开始拖动#icon.值得注意的是,#icon它不是来自#ctDOM树.

HTML

  <div style="position:absolute; top:20px; left:10px;">
    <div id="icon">Icon</div>
  </div>

  <div style="position:absolute; top:20px; right:10px;">
    <div id="ct">start this drag when you drag the icon</div>
  </div>
Run Code Online (Sandbox Code Playgroud)

JS

$(document).ready(function()
{
  // $('#icon').draggable();
  $('#ct').draggable();
});
Run Code Online (Sandbox Code Playgroud)


更新:
可排序的http://jsbin.com/igohod/8/edit#preview的新示例

解决方案
http://jsbin.com/igohod/13/edit#preview

jquery draggable

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

CSS规则降低浏览器速度(渲染)

我正在寻找你可以在CSS代码中犯的最大错误; CSS规则会降低浏览器的速度(渲染).

例如:

.myDraggables {
    box-shadow: 0px 1px 2px #000 inset; 
    -moz-box-shadow: 0px 1px 2px #000 inset; 
    -webkit-box-shadow: 0px 1px 2px #000 inset;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cdcdcd, endColorstr=#fff);
    background: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#fff));
    background: -moz-linear-gradient(top,  #cdcdcd,  #fff);

    border-radius:5px 7px 1px 3px;
    -moz-border-radius:5px 7px 1px 3px;
    -webkit-border-radius:5px 7px 1px 3px;
}
Run Code Online (Sandbox Code Playgroud)

如果你有10个可拖动的元素(里面有很多标签),那么拖动会很慢(混蛋).那么,有没有人知道你不应该使用的CSS规则列表?

css optimization

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

Jquery - 在不可滚动的div上滚动事件

例如: http ://jsbin.com/ofifiy/2/edit#preview

我尝试使用不可滚动的div(绿色)滚动div(红色).我的问题是,当我滚动绿色div时,jquery scroll()不会触发.

HTML

<div id="targetWithNoScroll" style="border:1px solid #0f0;  width:100px; height:100px;">
    scroll here = scroll the red div<br />   
  </div>
Run Code Online (Sandbox Code Playgroud)

JS

$('#targetWithNoScroll').scroll(function() {
  $('body').append('No scroll <br />');
});
Run Code Online (Sandbox Code Playgroud)

jquery scroll

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

带有YouTube皮肤的视频播放器

网站:http: //videojs.com/

如何在首页上使用YouTube皮肤?我真的很想自定义播放器在首页上看起来像那个.

有人可以解释一下如何做到这一点吗?

PS:我必须是盲人,我无法在网页上找到youtube皮肤:/

javascript css youtube jquery

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

PHP SVG进行回退检查,可能吗?

是否可以检查(使用PHP)浏览器是否支持SVG?

喜欢 ...

if( BROWSER support SVG )
{
   $iT = 'svg';              // Icon type
}
else
{
   $iT = 'png';              // Icon type
}    
Run Code Online (Sandbox Code Playgroud)

在HTML代码中...

<img src="icons/home.<?=$iT?>" class="icon" />
Run Code Online (Sandbox Code Playgroud)



编辑:
如何检查浏览器和版本?好主意?

$data['browser'] = strtolower($data['browser']);

if     ($data['browser'] == 'firefox' && (int)$data['browser']['version'] >= 10)
       $iT = 'svg';

elseif ($data['browser'] == 'safari'  && (int)$data['browser']['version'] >= 5)
       $iT = 'svg';

 .... and so on
Run Code Online (Sandbox Code Playgroud)

PS:有人知道一个不错的SVG浏览器支持列表吗?

php fallback svg

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

Jquery sortable - 仅使用子元素开始排序

我想在我拖动图标(class="icon")时才开始排序.

JS

  $('#sortable_test2').sortable({ cancel: '.noDrag' }); // did not work
Run Code Online (Sandbox Code Playgroud)

HTML

<div id="sortable_test2" style="margin:20px; background-color:#cacaca;" class="noDrag"> 
  <div id="ct1" class="ct"><div class="icon">icon</div>sortable 1</div>
  <div id="ct2"  class="ct"><div class="icon">icon</div>sortable 2</div>
  <div id="ct3" class="ct"><div class="icon">icon</div>sortable 3</div>
</div>  
Run Code Online (Sandbox Code Playgroud)

例如
http://jsbin.com/igohod/15/edit#source

提前致谢!

jquery jquery-ui-sortable

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