我需要另一双眼睛来研究这个。当我使用 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);
});
最佳答案
这是因为在您的 jQuery 函数中您没有为您的 rightSide 元素确定正确的选择器。
jQuery $('') 选择器使用与 CSS 相同的构造,因此您在 rightSide 之前缺少 ID 标识符。
$('#rightSide').append(yay);
应该可以。
关于javascript - 似乎无法让我的 jQuery 工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20531866/