Select2使用经验及多Jquery版本处理

  • Post author:
  • Post category:其他


Select2 是下拉搜索框插件,直接放例子,希望对你有帮助

<script type="text/javascript">

    $(document).ready(function () {
        debugger;
        var isApproval = "<%=Page_ApprovalStatus %>";

        if (isApproval != "True") {
            var $jq = window.$;
            console.log("更新前当前版本:" + $().jquery); // => '1.11.0'
            jQuery.noConflict(true)(function () {
                console.log("更新后当前jQuery版本:" + $().jquery);
                jQuery('.singleSelect').select2({
                    placeholder: '请选择',
                    data: <%=PayCompanyList %>
                });
                jQuery('.singleSelect').on("select2:select", function (a) {
                    $("#<%=lblPaymentCompany.ClientID %>").val(a.params.data.text);
                });
            });   //使用最新Jquery
        
            window.$ = window.jQuery = $jq;  //恢复旧Juqery
        }
    });
</script>

能否看懂这个JavaScript语句,系统用的是Jquery1.4版本,我用最新的Jquery放在1.4版本前,当需要用到3.4版本,就用Jquery.noConflict包一下,在里面使用3.4Jquery,之后恢复1.4版本,不影响其他操作。

至于Select2引用js文件和css文件以及jquery 直接使用jquery.select2 就行了,里面很多属性,包括对ajax的调用



版权声明:本文为HPFBoy原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。