标签: jquery-dropkick

我使用一个简单的选择列表和jquery.dropkick库来使它美丽.现在我想在更改相应的select元素后更改该dropkick内容(一个新选项进来).但只需调用$('#select').dropkick(); 不起作用.

它看起来似乎不受支持.仅仅从头开始重建那个dropkick就足够了.有没有可能"破坏"那个dropkick对象,然后通过调用.dropkick()方法重建它？

我想创建一个包含图像而不是文本的下拉列表,我希望select标签可以完全自定义.

使用DropKick可以在下拉列表中使用图像而不是文本？

我尝试修改使用图像,但我希望能够在其他dropkick元素的同一页面上使用它作为文本.

在代码中:

我改变

optionTemplate = '<li class="{{ current }}"><a data-dk-dropdown-value="{{ value }}">{{ text }}</a></li>',

至

optionTemplate = '<li class="{{ current }}"><img src="images//{{ value }}.png" /></li>',

当我添加用于样式选择或多选元素的插件/小部件时,此更改功能停止工作(Dropkick - http://jamielottering.github.com/DropKick/和jQuery UI MultiSelect Widget http:// www. erichynds.com/jquery/jquery-ui-multiselect-widget/):-(

知道怎么解决这个问题吗？

将插件添加到小提琴中时遇到了一些麻烦,所以我创建了单独的小提琴:http: //jsfiddle.net/chayanyc/Dhaat/201/ - 功能有效 http://jsfiddle.net/chayanyc/vWLEn/89/ -使用由Dropkick设计的Select元素的功能(不起作用) http://jsfiddle.net/chayanyc/3jr2v/69/ - 由UI MultiSelect Widget设置的多选元素的功能(不起作用)

var $increase_priority1 = $(".increase_priority1");
$(".trigger_rank1, .complaint select").change(function () {
var name = $(this).data("name"); 
if ($("#Shoulders select").val() === "Too_small" && $(this).val() == 1 && !$(this).data("increase_priority1")) {
    $("<option>", {
        text: name,
        val: name
    }).appendTo($increase_priority1);
    $(this).data("increase_priority1", true); 
}    
if ($(this).data("increase_priority1") && $(this).val() != 1) {
    $("option[value=" + name + "]", $increase_priority1).remove();
    $(this).removeData("increase_priority1");
}
});