чому моя JS-версія jQuery не працює?

Спроба налаштувати jQuery та користувальницький інтерфейс jQuery у моїх рейках 3.1.1 app

На мій погляд, я маю

Test

<div id="dialog-modal" title="Basic modal dialog" style="display:none;">

Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.

</div> <script type="text/javascript"> $( "#test_link1" ).click(function() { ('#dialog-modal').dialog(); });

Не працює. Коли я перевіряю, я отримую

storages:105TypeError: 'undefined' is not a function (evaluating '('#dialog-modal').show()')
        });

У application.js. Файли завантажуються

//= require jquery
//= require jquery_ujs
//= require jquery-ui.min
1

3 Відповіді

Змініть ('# dialog-modal'). Dialog (); до

$ ("# dialog-modal"). dialog ();

Ви забули jQuery ($), тому немає роботи з jQuery.

4
додано

Вам потрібно додати знак долара:

$('#dialog-modal').dialog();
3
додано
повинна бути іншою помилкою, але ви можете спробувати обернути його в doc готові функції $ (function() {// вставити код тут});
додано Автор swatkins, джерело
Я очищую кеш і спробую ще раз. Крім цього, переконайтеся, що файли JS завантажуються.
додано Автор swatkins, джерело
Це працює для мене в chrome, тобто, і ff. який браузер ви отримуєте помилку?
додано Автор swatkins, джерело
нерозумно, але помилка все ще присутня. Що це означає?
додано Автор Gaelle, джерело
обернена, але та сама помилка з'являється, коли я натискаю посилання
додано Автор Gaelle, джерело
Ця дійсна Fiddle jsfiddle.net/mcgrailm/QLKxX повертає таку саму помилку
додано Автор Gaelle, джерело

Завершіть код готового обробника:

$(function(){
  $( "#test_link1" ).click(function() {
     $('#dialog-modal').dialog();
  });
});
2
додано
Ще забуваючи про $ у діалоговому вікні ("# dialog-modal"). ();
додано Автор Sam, джерело
@SamStriano: оновлено, перш ніж побачити ваш коментар :)
додано Автор Sarfraz, джерело
@Gaelle: МАКЕ впевнений, що весь скрипт завантажений на вашій сторінці.
додано Автор Sarfraz, джерело
@Gaelle: що jsfiddle працює для мене, діалогове вікно відкрито добре (хоча і CSS не застосовується), очистьте кеш, а потім побачте будь ласка.
додано Автор Sarfraz, джерело
Дякуємо, але помилка все ще відображається <script type = "text/javascript"> $ (function() {$ ("# test_link1") .click (function() {$ ('# dialog-modal'). );});}); </script> дає сховища: 106TypeError: 'undefined' не є функцією (оцінює '$ (' # dialog-modal ').
додано Автор Gaelle, джерело
Ця дійсна Fiddle jsfiddle.net/mcgrailm/QLKxX не працює, тому проблема в іншому місці
додано Автор Gaelle, джерело