切換問題jQuery中

Question

我堅持這個任何人都可以幫助我的現場活動......

下面是HTML

<tr class="appendvalue"> 
    <td colspan="2"> 
    <asp:DropDownList ID="ddlSource" runat="server"></asp:DropDownList> 
    <asp:TextBox ID="txtSourceValue" runat="server" CssClass="hide" /> 
    <a href="#" class="t12">add static value</a> 
    </td> 

這裏是jQuery的

$(document).ready(function() { 
     $('.appendvalue > td > a').live("click", function(e) { 
      e.preventDefault(); 
      $(this).prev().prev().toggle(); 
      $(this).prev().toggle(); 
      $(this).toggle(function() { $(this).text("select from dropdown"); }, function() { $(this).text("add static value"); }); 
     }); 
    }); 

第一次點擊後，只切換'錨點文本不切換下拉菜單和文本框..

Answer 1

.toggle（）是真的click事件的便捷方法，因此使用.toggle（）相同的元素的單擊事件處理程序內將是有問題的。相反...

$(document).ready(function() { 
    $('.appendvalue > td > a').live("click", function(e) { 
     e.preventDefault(); 
     $(this).prevAll().toggle(); 
     if ($(this).parent().find("input").is(":hidden")) { 
      $(this).text("add static value"); 
     } else { 
      $(this).text("select from dropdown"); 
     } 
    }); 
}); 

Answer 2

試試這個：

$(document).ready(function() { 
    $('.appendvalue > td > a').live("click", function(e) { 
     e.preventDefault(); 
     var $this = $(this); 
     $this.prevAll().toggle(); 
     $this.toggle(function() { $this.text("select from dropdown"); }, function() { $this.text("add static value"); }); 
    }); 
});