似乎無法讓我的jQuery工作

我需要另一組眼睛。當我使用jsfiddle一切正常，但出於某種原因，我無法讓它在Dreamweaver中運行。我沒有得到任何錯誤或類似的東西。我稍後再試，因爲這可能是因爲我的Dreamweaver出現故障。查看代碼並告訴我你的想法。顯然這是一項正在進行的工作。代碼如下。似乎無法讓我的jQuery工作

HTML

<!doctype html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <link type="text/css" rel="stylesheet" href="Portfolio.css" /> 
       <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
       <script src="PortfolioControl.js" type="text/javascript"></script> 
     <title>Home Page</title> 
    </head> 

<body> 

<!-- CONTENT //--> 
    <table align="center" id="navTable"> 
     <tr> 
<!-- NAME AND LOGO //--> 
      <td colspan='2' id="titleBar"> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <div class="navButton"> 
        <p>Home</p> 
       </div> 
      </td> 
<!-- RIGHT SIDE //--> 
      <td id="rightSide" rowspan='5'> 
       <p>replaced on ready</p> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <div class="navButton"> 
        <p>Art</p> 
       </div> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <div class="navButton"> 
        <p>Projects</p> 
       </div> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <div class="navButton"> 
        <p>Blog</p> 
       </div> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <div class="navButton"> 
        <p>Contact</p> 
       </div> 
      </td> 
     </tr> 
    </table> 
</body> 
</html>

CSS

body { 
    background: #000000; 
} 

/* TITLE */ 
#titleBar { 
    height: 100px; 
} 

/* DYNAMIC RIGHT SIDE*/ 
#rightSide { 
    width: 620px; 
    border-left: 2px solid white; 
    padding: 15px; 
} 

#rightSide p { 
    color: #FFFFFF; 
} 

/* MAIN PAGE TABLE */ 
#navTable { 
    margin-top:200px; 
    width: 800px; 
    padding: 20px; 
    background-color: #000000; 
} 
#navTable td { 
    padding-right: 15px; 
} 

/* NAV BUTTONS */ 
.navButton p { 
    font-size: 18px; 
    font-weight: bold; 
    font-family: Helvetica, Arial, sans-serif; 
    color: #FFFFFF; 
} 

.navButton p:hover { 
    color: #FF7600; 
}

的Javascript

$(document).ready(function() { 
    //create a p 
    var yay = $('<p>Yay</p>'); 

    $('rightSide').append(yay); 
});

來源

2013-12-11 Ivan P - Digital Alchemist

'$（'＃rightSide'）。append（yay）;' – mdesdev

ummmm。那不是沒有Java – scrblnrd3

它是jQuery;） – mdesdev

這是因爲在你的jQuery函數中，你沒有爲你的rightSide元素標識出正確的選擇器。

jQuery $（''）選擇器與CSS的結構相同，因此在rightSide之前缺少ID標識符。

$('#rightSide').append(yay);

應該工作。

來源

2013-12-11 23:16:44

這絕對是一個錯字，可能是其中一個問題，但是輸入正確的標識符仍然不起作用:(其他建議？ –

By not在Dreamweaver中工作，你是什麼意思？在Live View中，你是否曾嘗試在本地Web服務器上運行該頁面，並查看它是否有效？如果上述工作在JSFiddle中並且錯誤得到糾正（正如我在測試它時那樣），它應該在技術上在web上工作，Dreamweaver可能被配置爲不運行JavaScript，或者它不會拉入鏈接的jQuery庫。嘗試在本地運行它並查看它是否在瀏覽器中工作。 –

這是它不工作的原因... 顯然我需要下載jQuery並使用本地文件，而不是嘗試鏈接到谷歌。我很確定我之前已經連接到Google API，所以我不確定爲什麼我不能這次。無論如何，謝謝大家的幫助。

來源

2013-12-12 18:24:03

似乎無法讓我的jQuery工作

回答

相關問題