菜单单击主页面中的用户控件无法从内容页面工作

Question

我在母版页（mainmaster.master）中有一个用户控件菜单（menu.ascx）。该菜单是动态填充的。

现在我们有一个使用mainmaster.master的内容页面有iframe。现在我想点击主页中的菜单（进而是用户控制），即产品 并希望在那个iframe中打开products.aspx。

Answer 1

您的用户控件，母版页和内容页面都会呈现为单个HTML页面，因此您可以使用客户端脚本来设置iframe的来源。

有些事情如下：

<强>的jQuery

$(function() {
   $('.menuItem').click(function(e) { 
      e.preventDefault();
      $('#iframe').attr("src", $(this).attr("href"));
   });
});

<强> HTML

<a href="products.aspx" class="menuItem">Products</a>

<iframe id="iframe" src="default.aspx" />

工作演示

Here's a little demo on jsfiddle.net