渲染jQuery的对话框

的application.js

//= require jquery 
    //= require jquery_ujs 
    //= require_tree . 
    // 
    //= require jquery-ui 
    //= require jquery-ui-1.8.14.custom.min 
    //= require datatable 
    //= require highcharts 
    //= require exporting 
    //= require turbolinks 


$('table').on('click', 'td', function(e) { 

    $('.create_booking').dialog('open'); 
});

我所试图做的是让我的<td>元素打开jQuery的用户界面对话框和渲染部分booking_dialog它不是那样做的理由我似乎不明白。以上应该工作。

来源

2012-12-18 David

因为它出现在浏览器中请张贴的HTML代码。 – ThiefMaster

@ThiefMaster我对这个特定页面的页面源代码如下所示：https://gist.github.com/4333277 – David

您需要先创建对话框：

$('.create_booking').dialog({ 
    autoOpen: false 
});

后，您可以使用$('.create_booking').dialog('open')表现出来。也可以考虑为对话框元素使用ID而不是类。无论如何，你只有一个，不是吗？

演示：http://jsfiddle.net/ThiefMaster/uJUuW/（尝试点击“打开”第一）

来源

2012-12-19 00:06:44 ThiefMaster

我已经更新了包含该id的问题。 – David

这是更多的评论。但是，“首先创建对话框”部分应该解决您的问题。如果它确实修复了它，请回滚编辑 - 编辑问题以从答案中添加修复使问题过时... – ThiefMaster

我将建议的更改如下所示：https：//gist.github.com/ 4336363，它似乎不起作用 – David

渲染jQuery的对话框

回答

相关问题