Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
简单javascript路径问题_Javascript - Fatal编程技术网

简单javascript路径问题

简单javascript路径问题,javascript,Javascript,我正在尝试将一些缩略图嵌套在一个下拉菜单中,该菜单在激活时将显示在页面的不同区域。当我这样做时,JavaScript不能正常工作 $(document).ready(function(){ $("h4").append('<em></em>') $(".thumbs a").click(function(){ var largePath = $(this).attr("href"); var largeAlt = $(

我正在尝试将一些缩略图嵌套在一个下拉菜单中,该菜单在激活时将显示在页面的不同区域。当我这样做时,JavaScript不能正常工作

$(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类移到了
  • 愚蠢的我里面,谢谢你是另一副很酷的眼睛-我已经把它作为一个答案发布了,然后:)