通過Javascript設置CSS屬性if/else語句使用Jquery

我試圖在網站中創建一個按鈕，它將根據其他兩列的可見性調整工具欄的大小。到目前爲止，我已經寫了以下內容，但只要將if/else語句添加到組合中，Javascript就不會執行。通過Javascript設置CSS屬性if/else語句使用Jquery

這裏是我的代碼迄今：

<script> 
     $("#categorizedBlogsToggle_button").click(function() { 
      if ($("#uncategorizedBlogsContainerDiv".css("display") == "none")){ 
      $("#categorizedBlogsContainerDiv").toggle("fast", function() { 
      }); 
       $("#blogToolbar").css({ 
        "width": "82%", 
        "left": "5%" 
       }); 
     } 
      else{ 
       $("#categorizedBlogsContainerDiv").toggle("fast", function() { 
       }); 
       $("#blogToolbar").css({ 
        "width": "70%", 
        "left": "20%" 
       }); 
      } 
     }); 
    </script>

謝謝！

編輯：更新與jQuery選擇器和固定括號，但它仍然不適合我。

我不確定它是否會影響我使用的語法，但是我試圖在這些元素中修改的屬性來自外部樣式表。（在這種情況下/blog.css）

來源

2013-12-23 DavidMcHale92

此代碼應工作。 – Cilan

還不夠，應該是'$（「＃uncategorizedBlogsContainerDiv」）。css' – yochannah

我想我修改了我的編輯，還添加了if語句的（）括號，所以它看起來像 'if（$（「 #uncategorizedBlogsContainerDiv「.css（」display「）==」none「））{' – DavidMcHale92

  if ("#uncategorizedBlogsContainerDiv".css("display") == "none"){

應改爲：

  if ($("#uncategorizedBlogsContainerDiv").css("display") == "none"){

來源

2013-12-23 19:29:50 loopforever

+1比我快了幾秒。 –

你缺少jQuery選擇：

if ($("#uncategorizedBlogsContainerDiv").css...

來源

2013-12-23 19:29:43 Tomanow

Youu意思是失去大括號？ ;） –

通過Javascript設置CSS屬性if/else語句使用Jquery

回答

相關問題