编程语言
首页 > 编程语言> > javascript-两个jQuery插件之间存在冲突?

javascript-两个jQuery插件之间存在冲突?

作者:互联网

我正在为客户端网站开发几个jQuery插件,这些插件将允许样式元素的样式,例如单选,复选框和选择.我一直在将它们开发为同一文件中的三个单独的插件,虽然radio和checkbox插件似乎可以很好地相互配合,但是我选择的插件给我带来了麻烦,因为它似乎使radio和checkbox停止了工作!如果我将其删除,其他两个也可以正常工作.

我认为它们之间存在某种冲突,但是我不确定它可能在哪里.如果我注释掉所有选择插件的代码(除了其“设置”声明之外),则单选和复选框都将损坏.如果删除设置,则收音机和复选框将再次开始工作,因此似乎冲突在于设置.

我已经声明了所有三个插件选项相同(只是具有它们自己的默认值):

jQuery.fn.ioFormSelect = function(options) {
    //Default options.
    settings = jQuery.extend({
        'maxOptions': 8,
        'fieldClass': 'ui-field-select',
        'selectedClass': 'ui-field-selected',
        'openClass': 'ui-field-select-open',
        'closeClass': 'ui-field-select-close',
        'disabledClass': 'ui-field-disabled',
        'optionClass': 'ui-field-option',
        'optionGroupClass' : 'ui-field-option-group'
    }, options);

    //Plugin code

});

我究竟做错了什么?我认为以这种方式声明的变量是“局部的”,而“全局变量”是预先由单词“ var”定义的.每个插件都必须有一个单独的设置变量吗? :S
非常感谢您的任何建议.

标签:jquery-plugins,javascript,jquery
来源: https://codeday.me/bug/20191210/2098095.html