0

Tabs スクリプトにショッピング カートというボタンを追加しようとしています。チェックボックスをクリックすると、新しいボタンが制御されます。（見せる）。画像が表示されない理由がわかりません。どんな答えも役に立ちます。

ありがとうございました。コードをコピー

$(function() {
   var $tabs = $('#tabs').tabs({cookie:{expires:1}});

   $(".ui-tabs-panel").each(function(i){
      var totalSize = $(".ui-tabs-panel").size() - 1;

      var prevImage = "custom/images/prev.png";
      var nextImage = "custom/images/next.png";
      var atcImage = "custom/images/cart.jpg";

      if (i != 0) {
         prev = i;
         $(this).append("<img href='#' class='prev-tab mover' rel='" + prev + "' src='" + prevImage + "'></img>");
      }
      if (i != totalSize) {
         next = i + 2;
         $(this).append("<img href='#' class='next-tab mover' rel='" + next + "' src='" + nextImage + "'></img>");
      }
  if (i > 1) {
         atc = i + 2;
         $(this).append("<img href='#' class='atc-tab mover' rel='" + next + "' src='" + atcImage + "'></img>");
      }
$('input[name=FIELD_469]').click(function() {
    if (this.checked) {
    $("img[src*=cart]").show();
}
else {
    $("img[src*=cart]").hide();
       }
   });


   $('.next-tab, .prev-tab, .atc-tab').click(function() {
      $tabs.tabs('select', $(this).attr("rel"));
      return false;
   });
});
4

1 に答える 1

0

申し訳ありませんが、私の評価が低いため説明を求めることはできませんが、気付いたことがいくつかあり、いくつかの推奨事項があります。

1) セレクターは 'img[src~="cart"]' http://api.jquery.com/attribute-contains-word-selector/のようになります。

2）その画像にのみクラス「mover」を使用する場合は、「.mover」セレクターを使用できます。それ以外の場合は、新しいクラス名を追加するだけです。

3) console.log($("selector")) (Tools->Developer Tools->Console) を使用して、Google Chrome で JQuery オブジェクトをテストします。

4) 'this' ではなく $(this) であるべきだと思います

$('input[name=FIELD_469]').click(function() {
    if (this.checked) {
    $("img[src*=cart]").show();
}

推奨事項が役に立たない場合は、フォームに関する詳細情報を、できれば例とともに提供してください。ありがとう

于 2012-08-09T14:41:38.817 に答える