RJS的Rails类型错误？

Question

我添加了link_to_remote以从局部加载模态对话框。 但是，当我运行该应用程序时，出现以下错误。

RJS error:

TypeError: $("create_event_dialog").dialog is not a function

当我单击“确定”时，再次出现另一个对话框。

Element.update("create_event", "<form action=\"/countries\" class=\"new_country\" id=\"new_country\" method=\"post\" onsubmit=\"new Ajax.Request('/countries', {asynchronous:true, evalScripts:true, parameters:Form.serialize(this)}); return false;\"><div style=\"margin:0;padding:0;display:inline\"><input name=\"authenticity_token\" type=\"hidden\" value=\"qWXCu2zMmlMhJG+GRf35kMbAIfzYAtFBee142ThmmMw=\" /></div>\n <p>\n    <label for=\"country_name\">Name</label><br />\n    <input id=\"country_name\" name=\"country[name]\" size=\"30\" type=\"text\" />\n  </p>\n  <p>\n    <input id=\"country_submit\" name=\"commit\" type=\"submit\" value=\"Create\" />\n  </p>\n</form>\n");   
$('create_event_dialog').dialog({
    title: 'New Event',
    modal: true,
    width: 500,
    close: function(event, ui) { $('create_event_dialog').dialog('destroy') }

});

为什么会出现这种错误？ 我有一个id为create_event_dialog的div。 我正在使用原型，但找不到解决此问题的方法。 请帮我。

Answer 1

您的代码看起来像您想实际使用jQuery UI对话框功能。 据我所知，原型（或Scriptaculous）没有内置的对话框支持。

如果要有一个jQuery UI对话框，则有两个选择：

1. 与 Prototype 一起使用jQuery和jQuery UI。
2. 替换原型， 仅使用jQuery

选项1：

要将jQuery与Prototype一起使用，您必须包含jQuery Javascript库并通过调用jQuery.noConflict()启用兼容模式。 之后， $函数属于Prototype，对于所有jQuery功能，您都必须使用jQuery(...) 。 例如jQuery('create_event_dialog').dialog(...在您的情况下。

您可以找到有关将jQuery与其他库一起使用的详细信息。

选项2：

您必须删除Prototype库，而要包括jQuery库。 您还需要jRails兼容性库来保留原型助手。 而且，您必须将现有的Prototype代码更改为jQuery代码。

例如，您的Element.update语句如下所示：

$("#create_event".html("<form action=...")

有关更多详细信息，请参见将jQuery与Ruby on Rails一起使用 。

小心：根据您现有的代码选项2，可能需要做很多工作，但是会产生更干净的Javascript代码。 同样值得考虑的是使用UJS和jQuery作为官方Javascript库切换到Rails 3.1。