jquery + Simplemodal onshow方法只执行一次

我想在Simplemodal打开窗口时执行一个函数，并用回调函数填充'onShow'字段。在下面的例子中，我只填写了一个警告提示，也就是每次打开简单窗口时警报应该会触发。jquery + Simplemodal onshow方法只执行一次

但是，看起来这只是被执行一次。如果模式打开，然后关闭，然后重新打开，重新打开后，此方法不会在后续打开时调用。

请剪切和粘贴下面的HTML文档中看到这种行为（关闭模式窗口，然后单击打开模式窗口按钮）

我缺少什么，让昂秀每次执行窗口打开了？

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 

<link type="text/css" href="ttp://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script> 
    <script src='http://www.ericmmartin.com/simplemodal/js/jquery.simplemodal.js' type='text/javascript'></script> 
    <script src='http://www.ericmmartin.com/simplemodal/js/basic.js' type='text/javascript'></script> 


    <link type='text/css' href='ttp://www.ericmmartin.com/simplemodal/css/basic.css' rel='stylesheet' media='screen' /> 



<script type="text/javascript"> 


$().ready(function() { 

    $('#basic-modal input.basic, #basic-modal a.basic').click(function (e) { 
     e.preventDefault(); 
     $('#basic-modal-content').modal(); 
    }); 

    $('#basic-modal-content').modal({onShow: 

    function(dialog) { 
    alert('hello'); 


}}); 



}); 

</script> 
</head> 

<body> 

    <div id='basic-modal-content'> 
    <input type="text" id="amount" style="border:0; color:#ffffff; font-weight:bold; width: 40px; background: #aaaaaa;" /> 
    <div id="slider-vertical" style="height:200px;"></div> 
    </div> 

    <div id='basic-modal'> 
    <h2>Basic Modal Dialog</h2> 
     <form action='download/' method='post'> 
      <input type='button' name='basic' value='Show modal' class='basic demo'/> 
     </form> 
    </div> 
</body>

来源

2009-09-14 folder

您需要删除您从我的网站加载的basic.js。这与您的代码冲突。

来源

2009-09-17 18:04:04

谢谢你，会试试这个。 – folder 2009-09-21 23:13:22

我想你想使用每次调用模态时的onShow选项。

$('#basic-modal input.basic, #basic-modal a.basic').click(function (e) { 
    e.preventDefault(); 
    $('#basic-modal-content').modal({ 
     onShow: function(dialog) { 
     alert('hello'); 
     } 
    }); 
});

来源

2009-09-14 23:54:32

在上面的代码中，我从来没有看到警报被解雇。 – folder 2009-09-15 00:06:20

你确定点击事件被解雇吗？ – 2009-09-15 00:09:49

是的，因为如果我将代码更改为以下内容，将触发第一个警报： $（'＃basic-modal input.basic，＃basic-modal a.basic'）。click（function（e）{ 。警报（ '点击解雇'）; e.preventDefault（）; $（ '＃基本模态的内容'）模态（ {昂秀：功能（对话）{ 警报（ '你好'）; }} ）; }）; – folder 2009-09-15 00:13:34

jquery + Simplemodal onshow方法只执行一次

回答

相关问题