jqueryUI效果不能正常工作在表單元素

我在包含像下拉菜單這樣的表單元素的div上使用jQueryUI的效果函數。然而，這些過渡都是缺失的，即。當顯示/隱藏div時，無論選擇的效果如何，轉換都是突然的。但它適用於其他div！jqueryUI效果不能正常工作在表單元素

的jQuery：

$('h2').click(function() { 
    var options = {}; 
    $("#writereview_optional").toggle('blind', options, 500); 
});

HTML：

<div id="writereview_optional"> 
    //form elements... 
</div>

來源

2011-07-18 Nyxynyxx

有一些事情需要做，以驗證是否工作正常。把Chrome取出（或者下載它，如果你沒有，我個人不喜歡chrome，除了我愛調試器/ js調試器）並按Ctrl + Shift + I查看是否有任何jQuery錯誤。

首先：點擊h2元素，看它是否會導致一個未被捕獲的錯誤（導致處理突然停止，使其看起來效果不起作用）。其次：要檢查是否正在工作，請打開該元素所在的HTML中的點（可以按Esc鍵最小化錯誤窗口，然後導航到元素的DOM位置）。在「效果」期間觀看元素樣式屬性。如果什麼都沒有發生，請嘗試一個簡單的fadeout（1000），fadeIn（1000）調用，看看是否編輯它。如果沒有，我懷疑你可能有拼寫問題/編號重複問題！

所以我想這和它只是罰款

<html> 
    <head> 
     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script> 
     <link type="text/css"  href="styles/jquery-ui-1.8.14.custom.css" rel="stylesheet" /> 
    </head> 
    <body> 
     <h2 class="ui-state-error ui-corner-all" style="padding:10px">Click Me</h2> 
     <div id="writereview_optional"> 
      <div class="ui-state-active ui-corner-all" style="padding:20px"> 
       This is a test 
      </div> 
      <form> 
       <ul> 
        <li> 
         <input type="text"> 
        </li> 
       </ul> 
       <ul> 
        <li> 
         <input type="text"> 
        </li> 
       </ul> 
       <ul> 
        <li> 
         <input type="text"> 
        </li> 
       </ul> 
       <ul> 
        <li> 
         <input type="text"> 
        </li> 
       </ul> 
      </form> 
     </div> 

     <script type="text/javascript"> 
      $('.ui-state-error').click(function() { 
       var options = {}; 
       $("#writereview_optional").toggle('blind', options, 500); 
      }); 
     </script> 
    </body> 
</html>

PS感謝的工作，我不知道切換。切換真棒:)

來源

2011-07-18 20:00:29 Michael

我現在使用chrome的調試器爲JS，沒有錯誤。 'fadeOut（1000）'可以正常工作，它會慢慢淡出div內的所有元素。然而，jQueryUI的'toggle（）'函數和'blind'效果一起只能平滑地'盲'除表單元素以外的任何元素。 – Nyxynyxx

讓我看看這個。生病在10分鐘內回覆你（除非我去工作）。 – Michael

UGGGG我的代碼無法正常顯示，即使其縮進... – Michael

jqueryUI效果不能正常工作在表單元素

回答

相關問題