Метод jquery + Simplemodal onshow выполняется только один раз - PullRequest
Новая
       12

Метод jquery + Simplemodal onshow выполняется только один раз

1 голос
/ 15 сентября 2009

Я хотел бы выполнить функцию, когда Simplemodal открывает окно и заполнил поле 'onShow' функцией обратного вызова. В приведенном ниже примере я просто заполнил его запиской с предупреждением, т.е. каждый раз, когда открывается окно simplemodal, предупреждение должно срабатывать

Однако, похоже, это выполняется только один раз. Если модальный режим открыт, затем закрыт, а затем снова открыт, при повторном открытии этот метод не вызывается при последующих открытиях.

Вырежьте и вставьте HTML ниже в документ, чтобы увидеть это поведение (закройте модальное окно, затем нажмите кнопку открытия модального окна)

Чего мне не хватает, что позволит onShow выполняться при каждом открытии окна? 

<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>

Ответы [ 2 ]

2 голосов
/ 17 сентября 2009

Вам необходимо удалить файл basic.js, который вы загружаете, с моего сайта. Это противоречит вашему коду.

0 голосов
/ 15 сентября 2009

Я думаю, что вы хотите использовать опцию onShow каждый раз, когда вызываете модал. 

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