我正在尝试将以下 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 函数优先于stimulus.js 文件。
帮助将不胜感激。