0

我正在尝试将一个名为购物车的按钮添加到我的选项卡脚本中。如果单击复选框，则控制新按钮。（节目）。我很困惑为什么图像没有显示。任何答案都会有所帮助。

谢谢你。复制代码

$(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 回答