小编nam*_*ave的帖子

我正在使用所选的插件.

将其添加到我的文档不会使我输入文本字段并将新项添加到列表中.

$(document).ready(function (){    
    $(".chosen-select").trigger("chosen:updated");
});

这将允许将一些硬编码文本添加到列表中:

$(document).ready(function (){
    $('.chosen-select').chosen();
    $('.addsomething').click(function (){
        $(".chosen-select").prepend("<option>Utopia</option>");
        $(".chosen-select").trigger("chosen:updated");
    });
});

我希望看到的是我希望能够在文本字段中添加文本,点击返回并在我没有选择的情况下添加我的条目.它不需要永久添加到选项列表中.

我很快将负责升级到jQuery 1.9.那说我知道我们住的几个地方(); 切换(); 徘徊(); 和browser(); 途中有很多惊喜, - 我很有信心.

如果我添加了迁移插件,它是否会继续执行旧代码 - 或者只是在控制台中给我消息以帮助我追踪并修复问题？

有没有人从1.4.1跳到1.8或1.9？已经实现了迁移插件并看到它的工作原理和局限性？

这适用于FF/Chrome/Opera和IE 10+,但不适用于IE9; 我正在寻找IE9解决方案

以下CSS将使一组div,span或p标签自组织成可以水平滚动的整齐列(仅适用于支持WebKit的浏览器).

-webkit-column-fill: auto;
-webkit-column-width: 300px;
-webkit-column-gap: 40px;
-moz-column-fill: auto;
-moz-column-width: 300px;
-moz-column-gap: 40px;

这是一个例子:

$(document).ready(function() {


  $(".RightArrow ").click(function() {
    $(".columns").animate({
      scrollLeft: '+=500'
    }, 100);
  });

  $(".LeftArrow ").click(function() {
    $(".columns").animate({
      scrollLeft: '-=500'
    }, 100);
  });



}); //end script

body {
  font-family: arial;
}
.columns {
  overflow: hidden;
  width: 500px;
  border: 1px solid #000;
  -webkit-column-fill: auto;
  -webkit-column-width: 300px;
  -webkit-column-gap: 40px;
  -moz-column-fill: auto;
  -moz-column-width: 300px;
  -moz-column-gap: 40px;
  padding: 0 20px;
  text-align: left;
  height: 500px;
  overflow: hidden;
  position: relative;
}
.notsectable …

当单击列表项时,它出现在带有"schtuff"类的div中我还希望它将每个单词包装在一个span中(所以我可以设置它或者稍后再点击一次删除它们).

我希望每次都使用我在其中单击的文本创建一个新的span标记,而不更改其他span标记.脚本:

<script>
$(document).ready(function(){

$('.shtuff li').click(function(){
//var thistext= $(this).text();

$('.display').append("<span></span>");  

$('.display span').append($(this).text());  
    });

  });//ready
 </script>

CSS:

<style>
.display span{background-color:#ccc;}
.display{border:1px solid; width:300px;hieght:100px}
ul li {list-style-type:none;}

</style>

HTML:

<div class="display">some text</div>
<ul class="shtuff">
<li>blueberry </li>
<li>cherry </li>
<li>strawberry  </li>
<li>ferret droppings </li>
</ul>

问题是它会附加到其他span标记,因为它会这样做.