Jquery simplemodal называют еще одним simplemodal - PullRequest
Новая
       10

Jquery simplemodal называют еще одним simplemodal

1 голос
/ 07 апреля 2010

Я хочу вызвать другой простой модал по ссылке в существующем модале.

Я использую модальный OSX.

Как я могу это сделать?

Ответы [ 3 ]

2 голосов
/ 10 апреля 2010

SimpleModal поддерживает только одно модальное открытие одновременно.

Вместо того, чтобы открывать новый, вы можете получить желаемый контент и заменить им существующий.

1 голос
/ 27 октября 2011 
$('#myModal').modal.update();

Я думаю, что вместо этого должно быть $.modal.update(); Существует только один модальный диалог, поэтому вам не нужно указывать, какой именно.

0 голосов
/ 30 января 2011

Есть слишком много способов сделать это. Я покажу вам один из них:

а) Допустим, вы «простой модалинг» - div с идентификатором «myDisplay»: 

<div id='myDisplay' style='.........'></div>

b) Сначала вы загрузили содержимое формы на этой странице (div) 

<div id='myDisplay' style='.........'>
 <form ............>
  <input this>
  <input that>
  <submit onClick='updateMyDisplay'>
 </form>
</div>

c) Где-то между вашей страницы, поместите скрипт обновления: 

<script type='text/javascript'>  //remember that you could/should have only one of this
   function updateMyDisplay() {
      //plain html/javascript
      document.getElementById('myDisplay').innerHTML="Thank you!";
      .. or ..
      //jquery
      $('#myDisplay').html("Thank you!");
   }
</script> //again : could/should have only one of this

...... Лучший способ реализовать такую ​​вещь (несколько дисплеев с одним модальным) - это использовать jQuery load ():

На главной странице или на странице скрипта создайте пустой скрытый div: 

<div id='myModal' style='......; overflow:auto; display:none; ' ></div>

затем заполните этот div автономными (без содержимого на той же странице) HTML-страницами

форма ....... в файле myForm.html спасибо ... в файле thankyou.html

с использованием jquery (для меня самая простая вещь): 

 .......
  $('#myModal').load('myForm.html');
  $('#myModal').height('650px');
  $('#myModal').modal();
 .......
  // on completion of the form:
  $('#myModal').load('thankyou.html');
  $('#myModal').modal.update(); // (Eric Martin, himself, sent me this tip through Twitter)
 .......

В любом случае, если вы «заемщик кода» ... как и я, у вас могут быть проблемы с выполнением вышеуказанного, но в любом случае, я надеюсь, что помог вам.

...