Question

您好我正在开发一个MV3中的应用程序我有一个包含

的模型

Hobbyname 
Hobbyurl

我画了一张桌子，在第一列中我获取所有的爱好名称并将其显示为链接。 Hobbyurl包含与Hobbyname关联的页面的url 现在，当我从左侧点击Hobbyname时，我希望在右侧加载内容，我使用Iframe显示内容，所以我需要在点击时反复加载Iframe。

要获取Hobbynames，我使用了以下代码：

 <td>
 <ul>
  @foreach (var item in Model)
  {
   <li> @Html.ActionLink(item.HobbyName, "Hobbies")</li>
  }
 </ul>
 </td>
 <td>
 <div>
 <iframe id="iframe"></iframe>
 </div>
 </td>

以下是脚本：

<script type="text/javascript">
$('a').click(function () {
    $('iframe').attr('src', "/HobbyHomes/Test");
}); 
</script>

但是我无法在点击链接时加载Iframe。请帮帮我

Answer 1

你可以试试，

$(function(){
   $('a').click(function(){
     $('iframe').attr('src', "/Controller/Action");
   });
});

虽然没有测试过这个..

Answer 2

你可能想在加载dom之后附加你的onclick，就像这样

<script type="text/javascript">
$(document).ready(function(){
  $('a').click(function (e) {
    e.preventDefault();
    $('iframe').attr('src', "/HobbyHomes/Test");
  }); 
});
</script>

单击MVC3中的链接动态加载Iframe

2 个答案: