我正在使用jquery-ui-rails gem。我创建了一个联系表单,当用户点击一个链接时显示一个jQuery UI对话框。反过来,我有一个开发和生产服务器。在开发服务器上,当我点击一个链接时,联系表单出现在一个jQuery UI对话框中。但是,在生产网站上单击链接时,不会显示带有联系表单的对话框。代码与开发服务器上的代码相同。Rails jquery-ui-rails gem
我试图复制应用程序文件夹复制到开发服务器,宝石等文件
我运行下面的
-bundle安装 -rake资产:清洁 -rake资产:预编译 -restart服务器
这在开发服务器上完美工作。
我遵循生产服务器上的相同步骤,链接不起作用。
我真的很茫然。这是开发服务器的重点。这基本上没有告诉我什么。
下面是一些代码片段:
宝石文件:
gem 'jquery-rails', "~> 2.1.4"
gem 'jquery-ui-rails', "~> 3.0.0"
链接:
<%= link_to "Contact Us", "javascript:void(0)", :id => "contact-link" %>
应用JS:
$(document).ready(function(){
$('#contact-link').click(function(){
$('#contact-form-wrap').show();
$("#contact-form-wrap").dialog({
title: "Contact Us",
height: 420,
width: 350,
modal: true,
buttons: {
"Send": function() {
if($('#contact_subject').val().length != 0 && $('#contact_message').val().length != 0) {
$('#contact-form').submit();
}
else {
$('#contact-error').html("You must select a subject and enter a message.");
}
},
Cancel: function() {
$(this).dialog("close");
}
}
});
});
});
请指教。我的生产能力非常有限。我无法继续搞乱网站。
编辑:
这是我的应用程序js文件看起来像现在:
//= require jquery
//= require jquery_ujs
//= require jquery.ui.core
//= require twitter/bootstrap
//= require active_admin
//= require contractor_validate
//= require painter_validate
//= require jquery.social.media.tabs.1.6
//= require jquery.validate.min
//= require payment
//= require the-tooltip
//= require general
//= require_self
General.js现在包括我从application.js中删除代码。
只需检查页面资源以确认所有内容都已加载。 – a5his 2013-03-09 17:32:41
嗨,搜索“contact-link”上面的代码就在那里。我也搜索与ui相关的代码“ui”,它在编译后的application.js文件中。这太疯狂了。 – Brian 2013-03-09 17:43:50
好吧,它工作。我希望我新的如何。 – Brian 2013-03-09 18:06:05