Question

我是JQuery的新手，并且遇到了这个问题

$("#trigger").click(
  function(){
        $("#pnel-menu").toggle("slow");
        $(this).toggleClass("active");
        $(this).attr("title", "Open Panel");
  }, function() {
            $(this).attr("title", "Close Panel");
            return false;
});

HTML

<div id="pnel-menu">
  menu
</div>
<p class="slidebar">
  <a id="trigger" title="" href="#"></a>
</p>
<div id="pnel-cont">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit
</div>

我喜欢做的是当它打开或关闭#pnel-menu时改变.trigger标题。

但它不会改变？有没有人可以提供一些线索，谢谢之前:)）

Answer 1

试试这个：

$("#trigger").click(function(){
  var that = $(this);
  $("#pnel-menu").toggle("slow");
  that.toggleClass("active");
  that.attr("title", (that.hasClass("active")?"Close":"Open") + " Panel");
});

Answer 2

我认为你不应该使用,作为分隔符的两个函数

$("#trigger").click(function(){
       $("#pnel-menu").toggle("slow");
       $(this).toggleClass("active");
       if($(this).attr("title") == "Open Panel"){
              $(this).attr("title", "Close Panel");      
              return false;
       }
       else
              $(this).attr("title", "Open Panel");
       });

希望这有效^^

JQuery：链接标题属性不变

2 个答案: