Question

在aspx页面中，我正在调用两个列表框的jquery插件，如下所示。

$(document).ready(function() { 
     $("select.select_AdditionalLanguages").custSelectBox();      
     $("select.select_Organisations").custSelectBox();
});

问题是，在插件中，jQuery（this）保存最后加载的列表框。请提出如何解决此问题的建议。我也试过以下没有任何成功。

 $(document).ready(function() {

        var languages = $('<%=AdditionalLanguages.ClientID%>');
        if (languages) {
            languages.custSelectBox();
        }
        alert(languages);
        var organizations = $('<%=Organisations.ClientID%>');
        if (organizations) {
            organizations.custSelectBox();
        }
    });

修改的

通过为两个列表框设置相同的类名，然后将列表框对象传递给插件来管理解决此问题 $（'select.select_field'）。custSelectBox（null，$（'＃EditUsers_Organisations'），$（'＃EditUsers_AdditionalLanguages'））; 这可能不是最好的解决方案，但没有其他方法可以帮助我。

Answer 1

两个列表框将有2个不同的ID

$（ '＃ListBox1中'）custSelectBox（）;

$（ '＃listbox2'）custSelectBox（）;

Answer 2

通过为两个列表框设置相同的类名，然后将列表框对象传递给插件$（'select.select_field'）来管理解决此问题.custSelectBox（null，$（'＃EditUsers_Organisations'），$ （ '#EditUsers_AdditionalLanguages'））;这可能不是最好的解决方案，但没有其他方法可以帮助我。

同一个jQuery插件的多个实例

2 个答案: