Question

我有一个标签列表，如下图所示。我需要在单击选项卡时将href属性URL加载到iFrames src属性。 iframe是显示这些html页面的内容。以下jquery似乎不起作用。你能帮忙吗？

 <!--Tabs-->
                    <div class="collapse navbar-collapse navbar-responsive-collapse">
                        <ul class="menu-nav-holder">
                            <li class="logout-menu-nav"><a href="home.html">Logout</a></li> 
                            <li class="menu-nav"><a href="clientassignbuses.html">Assign Bus</a></li>
                            <li class="menu-nav"><a href="clientattendancereport.html">Check Attendance</a></li>
                            <li class="menu-nav"><a href="clientmanagestudcontent.html">Manage Students</a></li>
                            <li class="menu-nav"><a href="clientmanageschoolcontent.html">Manage School</a></li>
                            <li class="menu-nav"><a href="clientmanagebuscontent.html">Manage Bus</a></li>
                            <li class="menu-nav"><a href="mainhome_V2.html">Home</a></li>                               
                        </ul>
                    </div>

    <!--iFrame-->
                <div id="iframewrapper">
                    <iframe id="iframecontainer" src="clientassignbuses.html" onload="resize_iframe()"></iframe>
                </div>

            <script language="JavaScript">
               $(".iframeload").click(function(e){
                 e.preventDefault();
                 $("#iframecontainer").each(function(){
                    $(this).attr("src", $(".iframeload").data("href"));
                   });
                });
            </script>

Answer 1

尝试保存a点击的

的href

$(".iframeload").click(function(e){
    e.preventDefault();
    var url=$(this).attr("href");
    $("#iframecontainer").each(function(){
        $(this).attr("src", url);
    });
});

如果您使用：$(".iframeload").data("href")，您将获得class=" iframeload"

的所有href

使用jquery将Tab Menu src属性加载到iFrame属性

1 个答案: