JQuery在iframe中加载动态页面

我想通过导航菜单将动态页面加载到iframe中,如果我选择菜单选项FAQ ,iframe会将faq.php页面定位到src属性,依此类推。

我怎样才能动态地将菜单页面分配到下面?

jQuery的:

  $(document).ready(function() { $("#mainFrame").attr("src", "faq.php"); });   

请指教,谢谢。

我建议您为所有链接使用类,并使用数据属性传递要在iframe中加载的文件的名称:

 
  • FAQ
  • Contact Us
  • Help
  • Terms & Conditions
  • 然后,您可以使用jQuery动态加载iframe的内容:

     $(".anchor").each(function(){ var el = $(this); el.click(function() { $("#mainFrame").attr("src", el.data('url')); }) }) 

    工作演示

    就像那样: