Проблема с включением диалогового окна jQuery UI в приложение Rails - PullRequest
Новая
       19

Проблема с включением диалогового окна jQuery UI в приложение Rails

0 голосов
/ 03 февраля 2019

Я несколько новичок в разработке на Rails и, похоже, не могу включить пользовательский интерфейс jQuery в приложение на Rails 5.

Я установил гем jquery-ui-rails из RubyGems и следовал документации.Я ссылался на примеры диалоговых виджетов на сайте пользовательского интерфейса jQuery (http://api.jqueryui.com/dialog/#entry-examples).

. Я пытался использовать этот код как есть, а также поместить JavaScript в каталог javascript в Rails.папка активов. Я пытался написать код несколькими способами, но, несмотря ни на что, тег кнопки и тег div диалогового окна оба отображаются на странице без щелчка, и при этом щелчок не работает. Я уверен, что это мой синтаксис, ноМне нужно подтолкнуть в правильном направлении. Я знаю JavaScript, просто, очевидно, не с Rails.

application.js: 

$(document).ready(function(){
  $( "#dialog" ).dialog({ autoOpen: false });
  $( "#opener" ).click(function() {
    $( "#dialog" ).dialog( "open" );
  });

});

Я тоже пробовал это в том же файле: 

$( "#dialog" ).dialog({ autoOpen: false });
$( "#opener" ).click(function() {
  $( "#dialog" ).dialog( "open" );
});

index.html.erb: 

<button id="opener">open the dialog</button>
<div id="dialog" title="Dialog Title">I'm a dialog</div>

Я просто хочу, чтобы кнопка «Открыть диалоговое окно» отображалась сама по себе и открывала диалоговое окно при нажатии вместосодержимое тега диалога просто внедряется в страницу. Я не знаю, почему я не могу понять это. Заранее спасибо за любую помощь.

...