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

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

请尝试保存的href a点击

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

如果您使用： $(".iframeload").data("href") ，则将获取class=" iframeload"所有$(".iframeload").data("href")