ruby-on-rails - 在 Rails 应用程序中合并 jQuery UI 对话框时遇到问题

Question

我对 Rails 开发有点陌生，似乎无法将 jQuery UI 合并到 Rails 5 应用程序中。

我从 RubyGems 安装了 jquery-ui-rails gem 并遵循了文档。我在 jQuery UI 站点 ( http://api.jqueryui.com/dialog/#entry-examples ) 上引用了对话框小部件示例。

我尝试按原样使用该代码，并将 JavaScript 放在 Rails 资产文件夹的 javascript 目录中。我试过用几种方法编写代码，但无论如何，按钮标签和对话框 div 标签都显示在页面上，没有点击，点击也不起作用。我确定这是我的语法，但我需要朝着正确的方向轻推。我知道 JavaScript，只是显然不知道 Rails。

应用程序.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>

我只想让“打开对话框”按钮自行显示，并在单击时打开一个对话框，而不是只嵌入页面中的对话框标签内容。我不知道为什么我无法弄清楚这一点。提前感谢您的帮助。

标签： ruby-on-railsjquery-ui-dialog