Блог

Ребята, я собираюсь немного прояснить это. Когда я смотрю на этот материал jQuery UI, я совершенно запутываюсь в том, что мне нужно загрузить и куда поместить файлы.

Что я только что успешно сделал, так это ссылку на веб-сайт jQuery, чтобы мне не пришлось ничего загружать, и увидел, что диалоговое окно работает.

Однако диалоговое окно из показанного мне примера связано с div. Этот div мне не поможет, если он находится в верхней части экрана, а поле ввода — внизу. У меня есть только одна функция в заголовке, которая вызывается из нескольких текстовых полей. Эта функция включает в себя оповещение javascript () с сообщением.

ПОЖАЛУЙСТА, скажите мне ТОЧНЫЙ код, который мне нужно ввести в функцию (мы будем называть его myFunction() ), которая будет выводить сообщение везде, где вызывается myFunction..

Если бы это был javascript, в разделе head в скрипте мы бы имели:

 <script type="text/javascript">

function digitsOnly(){
alert("Digits only, please");
}

</script>
  

и в ряде текстовых полей мы бы имели:

 <input type="test/javascript" onkeydown="digitsOnly()" />
  

Мне нужно красивое всплывающее окно, чтобы заменить оповещение javascript ();
Мне не нужно, чтобы это делало что-либо, кроме всплывающего сообщения рядом с вызывающим текстовым полем. Если его можно перетаскивать и изменять размер, это было бы круто. Но пока я буду доволен тем, что я упомянул..

Я постоянно изучаю языки. Я знаю, что в конечном итоге тоже изучу jQuery. Но мне нужно, чтобы это было сделано сегодня вечером, если это возможно.

Джеймс

 window.alert = function(message) {
    // put your dialog box launching code here.
}
  

Взгляните на диалоговое окно jQuery UI. Это также не заменит значение по умолчанию alert() , поэтому вам следует просмотреть свой код и заменить вызовы на alert(...) экземплярами диалога.

alert() Функция Javascript запускается раньше всего остального, поэтому сложно (если не невозможно) фактически заменить ее поведение по умолчанию. Однако вы можете легко создать свою собственную функцию. Вместо:

 $('.clickable').click(function() {
  alert("Clicked.");
});
  

Сделайте это:

 $('.clickable').click(function() {
  $('.dialog').dialog({ 
    // options...
  });
});
  

Вам придется просмотреть свой код и заменить каждое оповещение этим, однако это не должно быть слишком сложной задачей, особенно если вы используете что-то вроде Textmate, в котором есть функция «Поиск проекта».

Ответ Тимоти был работоспособным. Смотрите мой комментарий позже для необходимого добавления. Я скопировал и вставил из ответа Тимоти Хоури с прикрепленным моим комментарием:

«Мне нужно, чтобы оно появлялось, конечно, там, где находится текстовое поле…точно так же, как это было бы в окне оповещения javascript. «

Я думаю, вы имеете в виду, что если бы вы частично прокрутили страницу вниз, а затем вызвали оповещение, оно было бы сосредоточено на вашем текущем порту просмотра (материал, который вы видите на экране)… и что вы хотите, чтобы это новое приукрашенное диалоговое окно делало то же самое.

Ответ — «Да»… Да, jQuery расположит диалоговое окно по центру прямо на вашем текущем порту просмотра, как и окно оповещения.

Вам нужно загрузить и ссылаться на основную библиотеку jQuery, а также на последнюю библиотеку jQueryUI, А также на одну тему jQuery CSS.

Тогда это должно быть так просто, как:

 $("<p>Yo, G Dog<p>").dialog({ modal: true });
  

Итак, код Тимоти работал почти идеально. Мне пришлось немного повозиться, пока я не нашел причину, по которой открывались два диалоговых окна. Нет ответов от поиска в Google. Просто экспериментирование помогло мне увидеть, что каждый HTML-тег, вставленный в диалоговое окно, по какой-то причине открывал свой собственный диалог. Способ исправить это состоял в том, чтобы содержать все HTML-теги в div. Теперь даже не возникает пустой диалог.

Если вы не знаете, о чем я говорю, используйте свой собственный код и посмотрите, что произойдет. ЗАТЕМ поместите больше HTML-тегов в круглые скобки. Пример:

 ("<h3>Attention></h3><p>Yo, G Dog</p>").dialog({ modal: true });
  

Наконец, поместите h3 и p в div и посмотрите на отличные результаты:

 ("<div><h3>Attention></h3><p>Yo, G Dog</p></div>").dialog({ modal: true });
  

Этот последний фрагмент кода будет отображать только одно диалоговое окно. 🙂 Спасибо за ответ!

Джеймс

Попробуйте это:

 $.extend({ alert: function (message, title) {
  $("<div></div>").dialog( {
    buttons: { "Ok": function () { $(this).dialog("close"); } },
    close: function (event, ui) { $(this).remove(); },
    resizable: false,
    title: title,
    modal: true
  }).text(message);
}
});
  

Больше информации здесь;

alert = function(a){ my_alert(a); }

Мне потребовалось прочитать вопрос около 100 раз, чтобы понять, что вы имели в виду под

«Мне нужно, чтобы оно появлялось, конечно, там, где находится текстовое поле…точно так же, как это было бы в окне оповещения javascript. «

Я думаю, вы имеете в виду, что если бы вы частично прокрутили страницу вниз, а затем вызвали alert , то оно было бы сосредоточено на вашем текущем View Port (материале, который вы видите на экране)… и что вы хотите, чтобы это новое приукрашенное диалоговое окно делало то же самое.

Ответ — «Да»… Да, jQuery расположит диалоговое окно по центру прямо в вашем текущем порту просмотра, как это было бы в alert окне.

Вам нужно загрузить и ссылаться на основную библиотеку jQuery, А также последнюю библиотеку jQueryUI, А также на одну тему jQuery CSS.

Тогда это должно быть так просто, как:

 $("<p>Yo, G Dog<p>").dialog({ modal: true });