JQuery在iframe中加载动态页面
我想通过导航菜单将动态页面加载到iframe中,如果我选择菜单选项FAQ
,iframe会将faq.php
页面定位到src
属性,依此类推。
我怎样才能动态地将菜单页面分配到下面?
jQuery的:
$(document).ready(function() { $("#mainFrame").attr("src", "faq.php"); }); Title
请指教,谢谢。
我建议您为所有链接使用类,并使用数据属性传递要在iframe中加载的文件的名称:
FAQ Contact Us Help Terms & Conditions
然后,您可以使用jQuery动态加载iframe的内容:
$(".anchor").each(function(){ var el = $(this); el.click(function() { $("#mainFrame").attr("src", el.data('url')); }) })
工作演示
就像那样:
Title