當頁面加載時，JQuery切換不顯示

Question

我的用戶界面問題顯示「ShowLink」。當頁面加載時，它會消失。從邏輯上講，當用戶點擊ShowLink時，它應該會淡出。任何人都可以幫助我解決代碼中的錯誤？

<table width="100%"> 
    <tr> 
     <td valign="top" style="padding-top: 20px;"> 
      <asp:Label ID="Label1" CssClass="number" runat="server" /> 
      <div> 
       <a id="A1" href="#">Show Details</a> 
      </div> 
     </td> 
     <td valign="top" style="padding-top: 20px;"> 
      <asp:Label ID="Label2" CssClass="question" runat="server" ClientIDMode="Static" /> 

      <div id="Div1"> 
      </div> 
     </td> 
    </tr> 
</table> 

<script type="text/javascript" src="/Scripts/jquery-1.7.2.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#showLink').toggle(function() { 
      $('#questionDetails').load('/Reviews/Sub/ViewQuestion.aspx?id=<%= pageId %> #questionContainer'); 
      $('#questionDetails').fadeIn(); 
      $(this).text("Hide Detail..."); 
     }, 
    function() { 
     $('#questionDetails').fadeOut(); 
     $(this).text("Show Detail..."); 
    } 
    ); 
     var nmbr = $(".number"); 
     nmbr.parent().width(nmbr.width() + 50); 
    }); 
</script> 

Answer 1

我已經找到了解決辦法。問題不在Code中，Code絕對沒問題。問題是在代碼中使用的JQuery版本已過時，並且切換目前不能使用相同版本。 解決方法：我們可能會通過其他方式解決此問題，我嘗試避免使用切換並使用find.imply只需添加一個if -else基於id或文本的點擊。

Answer 2

儘量把代碼#showLink點擊事件中，

$('#showLink').click(function() { 
     $('#questionDetails').load('/Reviews/Sub/ViewQuestion.aspx?id=<%= pageId %> #questionContainer'); 
     $('#questionDetails').fadeIn(); 
     $(this).text("Hide Detail..."); 
    }, 
function() { 
    $('#questionDetails').fadeOut(); 
    $(this).text("Show Detail..."); 
} 
); 
    var nmbr = $(".number"); 
    nmbr.parent().width(nmbr.width() + 50); 
});