Question

我正在尝试添加一个名为购物车的按钮添加到我的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;
   });
});

Answer 1

很抱歉，由于我的评分水平较低，我无法要求澄清，但我注意到了一些事情和一些推荐。

1）你的选择器看起来应该像img [src~ =＆＃34; cart＆＃34;]＆＃39; http://api.jquery.com/attribute-contains-word-selector/

2）如果你使用班级＆＃39;搬运工＆＃39;仅适用于该图片，您可以使用＆＃39; .mover＆＃39;选择器，否则只需添加新的类名。

3）使用console.log（$（＆＃34; selector＆＃34;））（工具 - >开发人员工具 - >控制台）

，使用Google Chrome测试您的JQuery对象 4）我认为应该不是这个＆＃39;但$（this）

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

如果建议没有帮助，请提供有关您的表单的更多信息，最好通过示例查看。感谢

在选项卡末尾添加图像的问题

1 个答案: