Поле jQuery.simpleDialog не отображается

Question

Я пытаюсь открыть окно "simpleDialog" по ссылке, используя следующий код:

<script language="javascript" type="text/javascript"> 
jQuery(document).ready(function () {
    jQuery('.simpledialog').simpleDialog();
});

jQuery('#sdHc2').simpleDialog({
  showCloseLabel: false
});

});
</script>

Вот ссылка, которую я использую:

<a href="#" id="sdHc2" class="medium" rel="simpleDialog2">request a call back</a>

И div, который я хочу отобразить:

<div style="display:none;" id="simpleDialog2">
 <h3>Form content</h3>
 <p>This is where the form will go.</p>
 <a href="#" class="close">close</p></a>
</div>

Я вызвал скрипт jquery.simpledialog.js в голове вместе с jquery.simpledialog.css, но по какой-то причине диалоговое окно не появляется.

У меня есть скрипт show / hide, работающий на странице, который работает нормально, так чего мне не хватает, чтобы открыть диалоговое окно?

Answer 1

У вас есть дополнительный набор }) тегов, то есть вы a) получаете и получаете ошибку и b) jQuery('#sdHc2') не работает на document.ready, это должно выглядеть так:

jQuery(document).ready(function () {
    jQuery('.simpledialog').simpleDialog();
    jQuery('#sdHc2').simpleDialog({
      showCloseLabel: false
    });
});

---

Я бы упростил его в целом с помощью общего класса ссылок, например, так:

<a href="#" class="medium dialogLink" rel="simpleDialog2">request a call back</a>

Затем связал бы их всех сразу вместо per- id следующим образом:

jQuery(document).ready(function () {
    jQuery('.dialogLink').simpleDialog({
      showCloseLabel: false
    });
});

Таким образом, вам не нужно менять код при добавлении ссылок, просто добавьте на страницу столько пар ссылок / диалогов, сколько хотите.