为什么我的JS jQuery不工作？

Question

在我的rails想设置jQuery和jQuery UI的3.1.1应用

在我看来，我有

<a href="#" id="test_link1">Test</a> 

<div id="dialog-modal" title="Basic modal dialog" style="display:none;"> 
<p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p> 
</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 

Answer 1

变化('#dialog-modal').dialog();到

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

你就忘记了jQuery（$），所以没有jQuery对象一起工作。

Answer 2

您需要添加一个美元符号：

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

Answer 3

总结你的代码准备好处理：

$(function(){ 
    $("#test_link1").click(function() { 
    $('#dialog-modal').dialog(); 
    }); 
});