简单javascript路径问题
我正在尝试将一些缩略图嵌套在一个下拉菜单中,该菜单在激活时将显示在页面的不同区域。当我这样做时,JavaScript不能正常工作简单javascript路径问题,javascript,Javascript,我正在尝试将一些缩略图嵌套在一个下拉菜单中,该菜单在激活时将显示在页面的不同区域。当我这样做时,JavaScript不能正常工作 $(document).ready(function(){ $("h4").append('<em></em>') $(".thumbs a").click(function(){ var largePath = $(this).attr("href"); var largeAlt = $(
$(document).ready(function(){
$("h4").append('<em></em>')
$(".thumbs a").click(function(){
var largePath = $(this).attr("href");
var largeAlt = $(this).attr("title");
$("#largeImg").attr({ src: largePath, alt: largeAlt });
$("h4 em").html(" (" + largeAlt + ")"); return false;
});
});
$(文档).ready(函数(){
$(“h4”)。附加(“”)
$(“.thumbs a”)。单击(函数(){
var largePath=$(this.attr(“href”);
var largeAlt=$(此).attr(“标题”);
$(“#largeImg”).attr({src:largePath,alt:largeAlt});
$(“h4 em”).html(“+largeAlt+”);返回false;
});
});
工作标记:
<section class="group1">
<h3>Print</h3>
<p class="thumbs">
<a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
<a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
<a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
<a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
<a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
<a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
<a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
<a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
<a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
</p>
</section>
印刷品
不在嵌套的
中工作:
<ul id="expandmenu">
<li>Digital
<ol>
<p class="thumbs">
<li><a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a></li>
<li><a target="iframe2" href="Change font color rainbow.htm">Rainbow Fonts</a></li>
<li><a target="iframe2" href="Cookies_ShowUserName.htm">ShowUserName</a></li>
</p>
</ol>
</li>
</ul>
可能是因为HTML标记无效-在ol
标记中不能有p
标记。从我所看到的来看,没有明显的原因说明后者不起作用。但是,请注意,在ol
标记中添加p
标记是无效的。当你说它不起作用时,会发生什么?Dragonfly/Firebug内部的JavaScript控制台中有错误吗?哈哈,你把它搞定了Utkanos,这是一个HTML标记错误,我只是将p类移到了