0

Webサイトのチェックボックスに次のjQueryコードを使用しようとしています。

Iボタンの例

I-ButtonjQueryプラグイン

2つのjavascriptファイルがあります。1つは上記のプラグインに付属しており、もう1つはサイト推定の計算を実行する.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関数がestimation.jsファイルよりも優先されていることは明らかです。

助けていただければ幸いです。

4

2 に答える 2

1

jqueryファイルバージョン1.7.xとともにページに含まれるI-button jsファイルでhtmlドロップダウン要素が機能しないという同様の問題があります。jquery ファイルを最新バージョンに変更すると、ドロップダウンの問題は解決しますが、I ボタン​​ プラグインの妨げになります。したがって、プラグイン コード内のreturn falseから falseを削除してみて、動作するかどうかを確認してください。

(document).bind("mousemove.iButton_"+T+" touchmove.iButton_"+T,function(c){if(O.clicked!=G){return false}c.preventDefault()
于 2013-11-27T10:12:16.773 に答える
0

このI-Button .jsファイルを追加すると、既存のjQueryファイルと競合するため、両方の機能が含まれているため、いずれかを削除します。

于 2012-04-21T06:40:02.070 に答える