似乎無法讓我的jQuery工作

Question

我需要另一組眼光。 當我使用jsfiddle時，一切正常，但由於某種原因，我無法使其在Dreamweaver中運行。 我沒有收到任何錯誤之類的信息。 我將稍后再試，因為可能是Dreamweaver出現了故障。 查看代碼，並告訴我您的想法。 顯然，這是一個正在進行的工作。 代碼如下。

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);
});

Answer 1

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

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

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

應該管用。

Answer 2

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

似乎無法讓我的jQuery工作

問題描述

2 個解決方案

解決方案1
1 2013-12-11 23:16:44

解決方案2
0 2013-12-12 18:24:03

似乎無法讓我的jQuery工作

問題描述

2 個解決方案

解決方案1 1 2013-12-11 23:16:44

解決方案2 0 2013-12-12 18:24:03

解決方案1
1 2013-12-11 23:16:44

解決方案2
0 2013-12-12 18:24:03