我正在尝试将以下jQuery代码用于我的网站的复选框。
我有2个javascript文件,一个附带上面的插件,另一个.js文件执行网站估算的计算。
我的网站估算文件中有一个函数,它调用复选框的#selector
Html:
<h6 class="R_C-first R_C">Image Gallery
<input id="R_C-imgGalleryPrice" readonly="readonly" class="R_C" type="text" />
</h6>
<div class="row">
<label class="label" for="ex01">Default Off</label>
<input type="checkbox" id="R_C-imgGallery" name="imgGallery"/>
</div>
<input id="R_C-imgGalleryPrice2" readonly="readonly" class="R_C-floatRight R_C-width60 R_C" type="text" />
功能:
$R_C_imgGalleryPrice.val("(" + currency + imgGalleryPrice + ")");
$R_C_imgGalleryPrice2.val(currency + 0);
$R_C_imgGallery.click(function () {
if ($R_C_imgGallery.is(':checked')) {
$R_C_imgGalleryPrice2.val(currency + imgGalleryPrice);
var total = parseInt($widgetsPrice.val());
$widgetsPrice.val(total + imgGalleryPrice);
$("#R_C-imgGalleryPrice2, #R_C-imgGalleryPrice, #R_C-imgGalleryAdded").addClass('R_C-added');
$("#imgGalleryHidden").val('Yes');
}
else
{$R_C_imgGalleryPrice2.val(currency + 0);
var total = parseInt($widgetsPrice.val());
$widgetsPrice.val(total - imgGalleryPrice);
$("#R_C-imgGalleryPrice2, #R_C-imgGalleryPrice, #R_C-imgGalleryAdded").removeClass('R_C-added');
$("#imgGalleryHidden").val('No');
}
});
这是问题开始的地方....当我添加I-Button .js文件时,上面的代码将不再执行。浏览器中没有明显的错误。
至于I-Button复选框,它们运作正常......
对于复选框,它们都在表单标签和许多不同的复选框内。
我还不了解jQuery还没有完全理解这个问题。看起来我需要以某种方式将2个函数绑定/传递到一起。 I-Button指示用户通过其功能运行选项,但此刻对我来说相当混乱。
有一点很明显,I-Button功能优先于estimate.js文件。
非常感谢帮助。
答案 0 :(得分:1)
我有类似的问题,我的html下拉列表元素与页面中包含的I-button js文件以及jquery文件版本1.7.x一起使用。将jquery文件更改为最新版本可解决下拉列表问题,但它会妨碍I-button插件。
因此,请尝试从插件代码中的返回false 中删除 false ,看看它是否有效:
(document).bind("mousemove.iButton_"+T+" touchmove.iButton_"+T,function(c){if(O.clicked!=G){return false}c.preventDefault()
答案 1 :(得分:0)
当你添加这个I-Button .js文件时,它会与你现有的任何jQuery文件进行交互,因为某些函数都在其中,所以你删除了一个。