主页面中用户控件中的菜单单击在内容页面中不起作用

【问题标题】：Menu click in user control in master page not working from content page主页面中用户控件中的菜单单击在内容页面中不起作用
【发布时间】：2011-05-08 21:16:10
【问题描述】：

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

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

【问题讨论】：

【解决方案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.

【讨论】：