關於切換事件的快速jQuery問題

嘿，我正在使用一些jQuery用戶界面來切換和切換屏幕。在文檔加載div對象在屏幕上。它工作的很好，但我想知道是否有一種方法來設置它，使其隱藏在文檔加載中，那麼用戶將有能力點擊按鈕使其顯示。我試圖在document.ready上運行該函數，但似乎沒有工作。這裏是直接來自jQueryUI的代碼。謝謝你的幫助！關於切換事件的快速jQuery問題

$(function() { 
     // run the currently selected effect 
     function runEffect() { 
      // get effect type from 
      var selectedEffect = "slide"; 

      // most effect types need no options passed by default 
      var options = {}; 
      // some effects have required parameters 
      if (selectedEffect === "scale") { 
       options = { percent: 0 }; 
      } else if (selectedEffect === "size") { 
       options = { to: { width: 200, height: 60 } }; 
      } 

      // run the effect 
      $("#effect").toggle(selectedEffect, options, 500); 
     }; 

     // set effect from select menu value 
     $("#button").click(function() { 
      runEffect(); 
      return false; 
     }); 
    });

來源

2011-04-11 Trevor Arjeski

'$（「＃鍵」）。隱藏（）'應該工作，除非我誤解了這個問題。 – Khez 2011-04-11 18:54:39

將其放入您的CSS中。這會將其設置爲默認隱藏。

#effect{ 
display:none; 
}

來源

2011-04-11 18:53:02 Hussein

上帝，我是個白癡...... – 2011-04-11 18:54:53

:)對自己不要太苛刻。 – Hussein 2011-04-11 18:56:41

哈哈，他是對的。每個人都會犯錯誤，無論他們看起來多麼簡單。：P – mattsven 2011-04-11 19:10:55

上面的CSS的解決方案是正確的做法，但如果你喜歡用JavaScript做...

$(function() { 
    $("#effect").hide(); 
});

來源

2011-04-11 19:01:39 Andbdrew

關於切換事件的快速jQuery問題

回答

相關問題