javascript - 在 MVC3 中单击链接时动态加载 iframe

Question

嗨我正在开发一个应用程序 inMVc3
我有一个模型包含

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>