對話框不顯示

我以爲我已經正確地做了所有事情，但是當我點擊鏈接時，我的Rails應用程序對話框不顯示。對話框不顯示

這是鏈接代碼：

<li><%= link_to "Sign in", :class => "userlink" %></li>

這是我的對話框：

<div id="loginf" style="display:none;"> 
    <div class="col-md-3"> 
     <%= form_for(:session, url: sessions_path) do |f| %> 

     <%= f.label :username %> 
     <%= f.text_field :username %> 

     <%= f.label :password %> 
     <%= f.password_field :password %> 

     <%= f.submit "Sign in", class: "btn" %> 
     <% end %> 

     <p>New user? <%= link_to "Sign up now!", signup_path %></p> 
    </div> 
</div>

這是保存在裏面assets/javascripts/dialog我的javascript：

$(document).ready(function(){ 

    $("a.userlink").click(function(e) { 
     $("#loginf").dialog("open"); 
     e.preventDefault(); 
     return false; 
    }); 

    $("#loginf").dialog({ 
     autoOpen: false, 
     modal: true, 
     resizable: false, 
     draggable: false 
    }); 
});

一切似乎罰款我。當我刪除style="display:none;"時，通常會出現div，並且看起來不錯。另外，如果我在javascript內部設置了alert框點擊功能，該警報框通常會顯示。

您認爲如何？

來源

2014-02-15 user3304086

是這個jQuery的對話框..？ –

是的，它是jQuery。 – user3304086

你可以試試這個

$("#model").click(function(){ 
    $("#dialog-modal").dialog({ 
    height: 140, 
    modal: true 
    }); 
});

DEMO

來源

2014-02-15 05:49:02 YashPatel

不起作用。也許是因爲我正在使用Rails 4和Turbo鏈接？ – user3304086

但我認爲jQuery沒有得到任何問題與Rails.have你發現在控制檯中的任何錯誤..？ – YashPatel

控制檯沒有錯誤。有趣的是，當我從div中刪除「display：none」樣式時，該div將顯示在我的內容下方。像autoOpen：false不起作用。 – user3304086

我想你應該刪除「顯示：無」從DIV風格，因爲找你已經在使用的AutoOpen：false選項。

請參考此鏈接瞭解詳情：http://api.jqueryui.com/dialog/#option-autoOpen

autoOpenType: Boolean 

Default: true 
If set to true, the dialog will automatically open upon initialization. If false, the  dialog will stay hidden until the open() method is called. 
Code examples: 
Initialize the dialog with the autoOpen option specified: 

$(".selector").dialog({ autoOpen: false }); 
Get or set the autoOpen option, after initialization: 

// getter 
var autoOpen = $(".selector").dialog("option", "autoOpen"); 

// setter 
$(".selector").dialog("option", "autoOpen", false);

來源

2014-02-15 05:57:09 PythonDev

如果我刪除，div將顯示在我的網站下面的內容。 – user3304086

對話框不顯示

回答

相關問題