FancyBox显示来自href

时间:2015-06-03 10:01:05

标签: jquery asp.net-mvc fancybox-2

HTML

<table>
  <tr>
    <td>1</td>
    <td>CountryName</td>
    <td>
      <div class="action">
         <a class="edit-country" href="/Edit-Country?countryId=1"></a>
         <a class="delete-country" href="/Delete-Country?countryId=1"></a>
      </div>
    </td>
  </tr>
</table>

脚本

$(".edit-country").fancybox({
     type: "inline",
     modal: true,
     closeBtn: false,
     helpers: {
            title: null
     }
});

我希望如果我点击Edit,它会打开一个弹出窗口,其中包含href获取的内容。但它需要我到另一页。

如果我使用type='ajax',它将在同一页面打开,但它没有初始化document.ready页面的Edit-Country方法。

是否有任何方式可以在同一页面上打开并初始化document.ready页面的Edit-Country方法?

1 个答案:

答案 0 :(得分:2)

当您使用其他页面时,需要将类型设置为&#39; iframe&#39;。 如果要在内部页面中显示弹出窗口,如div / panel

,则使用内联
$(".edit-country").fancybox({
 type: "iframe",
 modal: true,
 closeBtn: false,
 helpers: {
        title: null
 }
});

http://fancybox.net/api