Javascript 添加图片时下拉菜单不工作？_Javascript_Jquery_Html_Navigationbar

Javascript 添加图片时下拉菜单不工作？

javascript jquery html

Javascript 添加图片时下拉菜单不工作？,javascript,jquery,html,navigationbar,Javascript,Jquery,Html,Navigationbar,这是tumblr的主题。这部分代码用于下拉菜单。我对这一切都很陌生，很困惑。当我添加第5个图像时，下拉菜单停止工作。如果我添加第6个图像，它将完全中断导航。我完全是个业余爱好者，这只是代码的一部分。。。感谢您的帮助  <ul class="nav-sl image-dd-menu"> <li class="image-dd-cat image-cat-1"> {block:

这是tumblr的主题。这部分代码用于下拉菜单。我对这一切都很陌生，很困惑。当我添加第5个图像时，下拉菜单停止工作。如果我添加第6个图像，它将完全中断导航。我完全是个业余爱好者，这只是代码的一部分。。。感谢您的帮助

<!-- NAVIGATION SECOND LEVEL -->
<ul class="nav-sl image-dd-menu">
    <li class="image-dd-cat image-cat-1">
        {block:IfImageDropdownCategory1URL}
        <a class="link-validate image-dd-pic" href="{text:Image dropdown category 1 url}">
            <a href="{block:ImageDropdownCategory1PictureLink}"></a><img src="{image:Image dropdown category 1 picture}">{/block:ImageDropdownCategory1PictureLink}</a>
            {block:IfImageDropdownCategory1Name}
                <div>{text:Image dropdown category 1 name}</div>
            {/block:IfImageDropdownCategory1Name}
        {/block:IfImageDropdownCategory1URL}
        {block:IfNotImageDropdownCategory1URL}
        <div class="image-dd-pic">
            <img src="{image:Image dropdown category 1 picture}">
            {block:IfImageDropdownCategory1Name}
                <div>{text:Image dropdown category 1 name}</div>
            {/block:IfImageDropdownCategory1Name}
        </div>
        {/block:IfNotImageDropdownCategory1URL}
        <div class="image-dd-links">
            {block:IfImageDropdownCat1Link1Url}
            <a class="link-validate" href="{text:Image dropdown cat 1 link 1 url}">{text:Image dropdown cat 1 link 1 text}</a>
            {/block:IfImageDropdownCat1Link1Url}
            {block:IfImageDropdownCat1Link2Url}
            <a class="link-validate" href="{text:Image dropdown cat 1 link 2 url}">{text:Image dropdown cat 1 link 2 text}</a>
            {/block:IfImageDropdownCat1Link2Url}
            {block:IfImageDropdownCat1Link3Url}
            <a class="link-validate" href="{text:Image dropdown cat 1 link 3 url}">{text:Image dropdown cat 1 link 3 text}</a>
            {/block:IfImageDropdownCat1Link3Url}
            {block:IfImageDropdownCat1Link4Url}
            <a class="link-validate" href="{text:Image dropdown cat 1 link 4 url}">{text:Image dropdown cat 1 link 4 text}</a>
            {/block:IfImageDropdownCat1Link4Url}
            {block:IfImageDropdownCat1Link5Url}
            <a class="link-validate" href="{text:Image dropdown cat 1 link 5 url}">{text:Image dropdown cat 1 link 5 text}</a>
            {/block:IfImageDropdownCat1Link5Url}
        </div>    
    </li>
    <li class="image-dd-cat image-cat-2">
        {block:IfImageDropdownCategory2URL}
        <a class="link-validate image-dd-pic" href="{text:Image dropdown category 2 url}">
            <img src="{image:Image dropdown category 2 picture}">
            {block:IfImageDropdownCategory2Name}
                <div>{text:Image dropdown category 2 name}</div>
            {/block:IfImageDropdownCategory2Name}
        </a>
        {/block:IfImageDropdownCategory2URL}
        {block:IfNotImageDropdownCategory2URL}
        <div class="image-dd-pic">
            <img src="{image:Image dropdown category 2 picture}">
            {block:IfImageDropdownCategory2Name}
                <div>{text:Image dropdown category 2 name}</div>
            {/block:IfImageDropdownCategory2Name}    
        </div>
        {/block:IfNotImageDropdownCategory2URL}
        <div class="image-dd-links">
            {block:IfImageDropdownCat2Link1Url}
            <a class="link-validate" href="{text:Image dropdown cat 2 link 1 url}">{text:Image dropdown cat 2 link 1 text}</a>
            {/block:IfImageDropdownCat2Link1Url}
            {block:IfImageDropdownCat2Link2Url}
            <a class="link-validate" href="{text:Image dropdown cat 2 link 2 url}">{text:Image dropdown cat 2 link 2 text}</a>
            {/block:IfImageDropdownCat2Link2Url}
            {block:IfImageDropdownCat2Link3Url}
            <a class="link-validate" href="{text:Image dropdown cat 2 link 3 url}">{text:Image dropdown cat 2 link 3 text}</a>
            {/block:IfImageDropdownCat2Link3Url}
            {block:IfImageDropdownCat2Link4Url}
            <a class="link-validate" href="{text:Image dropdown cat 2 link 4 url}">{text:Image dropdown cat 2 link 4 text}</a>
            {/block:IfImageDropdownCat2Link4Url}
            {block:IfImageDropdownCat2Link5Url}
            <a class="link-validate" href="{text:Image dropdown cat 2 link 5 url}">{text:Image dropdown cat 2 link 5 text}</a>
            {/block:IfImageDropdownCat2Link5Url}
        </div>    
    </li>
    <li class="image-dd-cat image-cat-3">
        {block:IfImageDropdownCategory3URL}
        <a class="link-validate image-dd-pic" href="{text:Image dropdown category 3 url}">
            <img src="{image:Image dropdown category 3 picture}">
            {block:IfImageDropdownCategory3Name}
                <div>{text:Image dropdown category 3 name}</div>
            {/block:IfImageDropdownCategory3Name}    
        </a>
        {/block:IfImageDropdownCategory3URL}
        {block:IfNotImageDropdownCategory3URL}
        <div class="image-dd-pic">
            <img src="{image:Image dropdown category 3 picture}">
            {block:IfImageDropdownCategory3Name}
                <div>{text:Image dropdown category 3 name}</div>
            {/block:IfImageDropdownCategory3Name}    
        </div>
        {/block:IfNotImageDropdownCategory3URL}
        <div class="image-dd-links">
            {block:IfImageDropdownCat3Link1Url}
            <a class="link-validate" href="{text:Image dropdown cat 3 link 1 url}">{text:Image dropdown cat 3 link 1 text}</a>
            {/block:IfImageDropdownCat3Link1Url}
            {block:IfImageDropdownCat3Link2Url}
            <a class="link-validate" href="{text:Image dropdown cat 3 link 2 url}">{text:Image dropdown cat 3 link 2 text}</a>
            {/block:IfImageDropdownCat3Link2Url}
            {block:IfImageDropdownCat3Link3Url}
            <a class="link-validate" href="{text:Image dropdown cat 3 link 3 url}">{text:Image dropdown cat 3 link 3 text}</a>
            {/block:IfImageDropdownCat3Link3Url}
            {block:IfImageDropdownCat3Link4Url}
            <a class="link-validate" href="{text:Image dropdown cat 3 link 4 url}">{text:Image dropdown cat 3 link 4 text}</a>
            {/block:IfImageDropdownCat3Link4Url}
            {block:IfImageDropdownCat3Link5Url}
            <a class="link-validate" href="{text:Image dropdown cat 3 link 5 url}">{text:Image dropdown cat 3 link 5 text}</a>
            {/block:IfImageDropdownCat3Link5Url}
        </div>    
    </li>
    <li class="image-dd-cat image-cat-4">
        {block:IfImageDropdownCategory4URL}
        <a class="link-validate image-dd-pic" href="{text:Image dropdown category 4 url}">
            <img src="{image:Image dropdown category 4 picture}">
            {block:IfImageDropdownCategory4Name}
                <div>{text:Image dropdown category 4 name}</div>
            {/block:IfImageDropdownCategory4Name}    
        </a>
        {/block:IfImageDropdownCategory4URL}
        {block:IfNotImageDropdownCategory4URL}
        <div class="image-dd-pic">
            <img src="{image:Image dropdown category 4 picture}">
            {block:IfImageDropdownCategory4Name}
                <div>{text:Image dropdown category 4 name}</div>
            {/block:IfImageDropdownCategory4Name}    
        </div>
        {/block:IfNotImageDropdownCategory4URL}
        <div class="image-dd-links">
            {block:IfImageDropdownCat4Link1Url}
            <a class="link-validate" href="{text:Image dropdown cat 4 link 1 url}">{text:Image dropdown cat 4 link 1 text}</a>
            {/block:IfImageDropdownCat4Link1Url}
            {block:IfImageDropdownCat4Link2Url}
            <a class="link-validate" href="{text:Image dropdown cat 4 link 2 url}">{text:Image dropdown cat 4 link 2 text}</a>
            {/block:IfImageDropdownCat4Link2Url}
            {block:IfImageDropdownCat4Link3Url}
            <a class="link-validate" href="{text:Image dropdown cat 4 link 3 url}">{text:Image dropdown cat 4 link 3 text}</a>
            {/block:IfImageDropdownCat4Link3Url}
            {block:IfImageDropdownCat4Link4Url}
            <a class="link-validate" href="{text:Image dropdown cat 4 link 4 url}">{text:Image dropdown cat 4 link 4 text}</a>
            {/block:IfImageDropdownCat4Link4Url}
            {block:IfImageDropdownCat4Link5Url}
            <a class="link-validate" href="{text:Image dropdown cat 4 link 5 url}">{text:Image dropdown cat 4 link 5 text}</a>
            {/block:IfImageDropdownCat4Link5Url}

        </div>    
    </li>
  </ul>
  <ul class="nav-sl image-dd-menu">
    <li class="image-dd-cat image-cat-5">
        {block:IfImageDropdownCategory5URL}
        <a class="link-validate image-dd-pic" href="{text:Image dropdown category 5 url}">
            <img src="{image:Image dropdown category 5 picture}">
            {block:IfImageDropdownCategory5Name}
                <div>{text:Image dropdown category 5 name}</div>
            {/block:IfImageDropdownCategory5Name}    
        </a>
        {/block:IfImageDropdownCategory5URL}
        {block:IfNotImageDropdownCategory5URL}
        <div class="image-dd-pic">
            <img src="{image:Image dropdown category 5 picture}">
            {block:IfImageDropdownCategory5Name}
                <div>{text:Image dropdown category 5 name}</div>
            {/block:IfImageDropdownCategory5Name}    
        </div>
        {/block:IfNotImageDropdownCategory5URL}
        <div class="image-dd-links">
            {block:IfImageDropdownCat5Link1Url}
            <a class="link-validate" href="{text:Image dropdown cat 5 link 1 url}">{text:Image dropdown cat 3 link 1 text}</a>
            {/block:IfImageDropdownCat5Link1Url}
            {block:IfImageDropdownCat5Link2Url}
            <a class="link-validate" href="{text:Image dropdown cat 5 link 2 url}">{text:Image dropdown cat 5 link 2 text}</a>
            {/block:IfImageDropdownCat5Link2Url}
            {block:IfImageDropdownCat5Link3Url}
            <a class="link-validate" href="{text:Image dropdown cat 5 link 3 url}">{text:Image dropdown cat 5 link 3 text}</a>
            {/block:IfImageDropdownCat5Link3Url}
            {block:IfImageDropdownCat5Link4Url}
            <a class="link-validate" href="{text:Image dropdown cat 5 link 4 url}">{text:Image dropdown cat 5 link 4 text}</a>
            {/block:IfImageDropdownCat5Link4Url}
            {block:IfImageDropdownCat5Link5Url}
            <a class="link-validate" href="{text:Image dropdown cat 5 link 5 url}">{text:Image dropdown cat 5 link 5 text}</a>
            {/block:IfImageDropdownCat5Link5Url}
        </div>    
    </li>
  </ul>
</li>




{block:IfImageDropdownCategory1URL}
{/block:ImageDropDownCategoryPictureLink}
{block:IFImageDropDownCategoryName}
{文本：图像下拉列表类别1名称}
{/block:IFImageDropDownCategoryName}
{/block:IfImageDropdownCategory1URL}
{block:IfNotImageDropdownCategory1URL}
{block:IFImageDropDownCategoryName}
{文本：图像下拉列表类别1名称}
{/block:IFImageDropDownCategoryName}
{/block:IfNotImageDropdownCategory1URL}
{block:IfImageDropdownCat1Link1Url}
{/block:IfImageDropdownCat1Link1Url}
{block:IfImageDropdownCat1Link2Url}
{/block:IfImageDropdownCat1Link2Url}
{block:IfImageDropdownCat1Link3Url}
{/block:IfImageDropdownCat1Link3Url}
{block:IfImageDropdownCat1Link4Url}
{/block:IfImageDropdownCat1Link4Url}
{block:IFImageDropDownCat1Link 5URL}
{/block:IFImageDropDownCat1Link 5URL}


{block:IfImageDropdownCategory2URL}
{/block:IfImageDropdownCategory2URL}
{block:IfNotImageDropdownCategory2URL}
{block:IfImageDropdownCategory2Name}
{文本：图像下拉列表类别2名称}
{/block:IfImageDropdownCategory2Name}
{/block:IfNotImageDropdownCategory2URL}
{block:IfImageDropdownCat2Link1Url}
{/block:IfImageDropdownCat2Link1Url}
{block:IfImageDropdownCat2Link2Url}
{/block:IfImageDropdownCat2Link2Url}
{block:IfImageDropdownCat2Link3Url}
{/block:IfImageDropdownCat2Link3Url}
{block:IfImageDropdownCat2Link4Url}
{/block:IfImageDropdownCat2Link4Url}
{block:IFImageDropDownCat2Link 5URL}
{/block:IFImageDropDownCat2Link 5URL}


{block:IFImageDropDownCategory 3URL}
{/block:IfImageDropdownCategory3URL}
{block:IfNotImageDropdownCategory3URL}
{block:IfImageDropdownCategory3Name}
{文本：图像下拉列表类别3名称}
{/block:IfImageDropdownCategory3Name}
{/block:IfNotImageDropdownCategory3URL}
{block:IfImageDropdownCat3Link1Url}
{/block:IfImageDropdownCat3Link1Url}
{block:IfImageDropdownCat3Link2Url}
{/block:IfImageDropdownCat3Link2Url}
{block:IfImageDropdownCat3Link3Url}
{/block:IfImageDropdownCat3Link3Url}
{block:IfImageDropdownCat3Link4Url}
{/block:IfImageDropdownCat3Link4Url}
{block:IfImageDropdownCat3Link5Url}
{/block:IfImageDropdownCat3Link5Url}


{block:IFImageDropDownCategory 4URL}
{/block:IfImageDropdownCategory4URL}
{block:IfNotImageDropdownCategory4URL}
{block:IfImageDropdownCategory4Name}
{文本：图像下拉列表类别4名称}
{/block:IfImageDropdownCategory4Name}
{/block:IfNotImageDropdownCategory4URL}
{block:IfImageDropdownCat4Link1Url}
{/block:IfImageDropdownCat4Link1Url}
{block:IfImageDropdownCat4Link2Url}
{/block:IfImageDropdownCat4Link2Url}
{block:IfImageDropdownCat4Link3Url}
{/block:IfImageDropdownCat4Link3Url}
{block:IfImageDropdownCat4Link4Url}
{/block:IfImageDropdownCat4Link4Url}
{block:IfImageDropdownCat4Link5Url}
{/block:IfImageDropdownCat4Link5Url}




{block:IFImageDropDownCategory 5URL}
{/block:IFImageDropDownCategory 5URL}
{block:ifnotImageDropDownCategory 5URL}
{block:IFImageDropDownCategory 5Name}
{文本：图像下拉列表类别5名称}
{/block:IFImageDropDownCategory 5Name}
{/block:ifnotImageDropDownCategory 5URL}
{block:IfImageDropdownCat5Link1Url}
{/block:IfImageDropdownCat5Link1Url}
{block:IfImageDropdownCat5Link2Url}
{/block:IfImageDropdownCat5Link2Url}
{block:IfImageDropdownCat5Link3Url}
{/block:IfImageDropdownCat5Link3Url}
{block:IfImageDropdownCat5Link4Url}
{/block:IfImageDropdownCat5Link4Url}
{block:IfImageDropdownCat5Link5Url}
{/block:IfImageDropdownCat5Link5Url}

您能为您的代码制作一个或多个代码片段演示吗？您给我们的代码不完全是html/javascript。请发布相关的javascript。所以我们不能复制你的问题。如果我发布整个代码会更好吗？它有点大是的，但是只发布代码什么是rel