Popup不显示

我使用的是jquery popup overlay插件（我选择它是因为它的响应速度）。我有我的页面诸多环节，当我点击它们它会显示不同的内容的弹出..Popup不显示

这里是我的代码：

<div class="more"> 
    <a class="my_modal_open_1" href="#"></a> 
</div> 
<div id="my_modal_1"> 
    <div class="image-odd"> 
     <img src="images/post/1_guerlain.png" width="421" height="590" /> 
    </div> 
    <a href="#" class="my_modal-close">Close</button> 
</div> 
<script type="text/javascript"> 
    $(".my_modal_open_1").click(function() { 
     $("#my_modal_1").popup(); 
    }); 
</script>

但我这样做的时候它不” t告诉我什么......

你对此有什么想法吗？

谢谢:)

来源

2013-07-12 Copernic

您是否检查浏览器控制台是否有错误？ –

从我这个插件的理解，.popup()方法不会使内容出现，而是允许它在页面加载一个弹出。

Here's小提琴向你展示我的意思。

来源

2013-07-12 16:25:25 Jason

谢谢你的作品。但是我发现'my_modal_1_open'使它工作，'my_modal_open_1'不起作用，即使我添加：'$（“。my_modal_open_1”）。click（function（）{'我不明白... – Copernic

The '_open'类名的一部分是插件使用的一个特殊后缀，用来标识该元素为一个弹出式开叫器，实际上插件的作用是寻找类名称为'popupclassname_open'的任何元素，然后每当该元素被点击时，它将打开类名为popupclassname的弹出元素，不需要你编写'$（“popupclassname_open”）。click（function（）{'因为插件为你做了这个。 – Jason

同样的想法也是适用于类名后缀为_close的任何元素。 – Jason

任何jQuery是读进来之前，你需要输入$(document).ready(function)({ //all jQuery codes goes here }); 你的情况应该是：

<script> 
     $(document).ready(function)({ 
     //then goes what you wanted to do 
     $(".my_modal_open_1").click(function() { 
      $("#my_modal_1").popup(); 
     }); 
     }); 
    </script>

来源

2013-07-12 16:16:37 Sashka

我先试试从Sashka的建议。如果这不起作用，请尝试在onclick函数中放入警报，以查看它是否被执行。

你还可以尝试：

<script> 
    $(function() { 
     $("#my_modal_1").popup(); 
    }); 
</script>

要查看是否弹出功能工作。

来源

2013-07-12 16:22:49 Ron

回答

相关问题