jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – chosen.js ::有没有人有一个实际的工作示例?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有人使用和定制一些基本的selected.js代码

我已经下载了js,css和png,从示例中复制了一些代码,编写了我自己的超简单示例,但我必须遗漏一些东西.我已经验证了code.jquery.js被包含并被加载,与selected.css相同.

当我尝试调出一个非常简单的SELECT字段(下拉列表)时,我得到一个非常小的字段,单击该字段什么也不做.当我禁用selected.js时,我只需显示所有选项的SELECT.

这是我在jQuery中添加一个简单的SELECT的方法(我必须动态填充该字段,尽管在这个例子中它都是硬编码的):

$html = '<select name="items" id="items" multiple="multiple" size="1" class="chosenElement">';
    $html += '<option value="foo">foo</option>';
    $html += '<option value="bar">bar</option>';
    $html += '<option value="baz">baz</option>';
    $html += '<option value="qux">qux</option>';    
    $html += '</select>';

然后,当我显示包含选项的模态对话框时,我调用

$('.modal-body').html($html);
$('.chosenElement').chosen();

到目前为止,我已经修改并测试了各种排列,用Google搜索解决方案或示例,但似乎没有任何效果.这可能是非常愚蠢的事情,比如在某个地方缺少一个半冒号,但是我浪费了太多时间在这个“10分钟的实施”上,我需要请求帮助.

https://github.com/harvesthq/chosen

解决方法

如果你真的想测试“最基本”的例子,我建议:

>处理硬编码的HTML(与动态添加的HTML相比)
>从select元素中删除所有属性
>只有在基本示例运行正常后才将属性添加回select元素.

请注意,select元素上的multiple =“multiple”属性确实使selected.js表现不同.

在这里运行你的代码http://jsfiddle.net/99Dkm/1/

它工作得很好.

我怀疑问题不是选择.js库而是你如何使用它(包含在一些基本的jQuery onready函数丢失或其他).

请注意,在我关于jsfiddle的工作示例中,我只包括selected.css& chosen.jquery.js.

注意:从http://cdnjs.com/libraries/chosen获取这些文件的URL(javascript& css)

大佬总结

以上是大佬教程为你收集整理的jquery – chosen.js ::有没有人有一个实际的工作示例?全部内容,希望文章能够帮你解决jquery – chosen.js ::有没有人有一个实际的工作示例?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: