I-Button jQuery复选框

时间:2012-04-21 06:27:01

标签: jquery checkbox

我正在尝试将以下jQuery代码用于我的网站的复选框。

I-Button Example

I-Button jQuery Plugin

我有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文件。

非常感谢帮助。

2 个答案:

答案 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文件进行交互,因为某些函数都在其中,所以你删除了一个。