渲染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的對話框

回答

相關問題