2

我正在寫一個rails應用程序和平面UI的樣式。我目前正在使用flatui-rails gem與twitter-bootstrap-rails gem一起使用。除非複選框被動態添加到頁面,否則一切正常。樣式不與這些複選框關聯,但與複選框關聯的複選框已加載到DOM中。平UI複選框造型不工作

我下面this問題與flatui護欄寶石,但我似乎無法得到代碼工作的這麼一個小節目:

$(document).on("click", "#accounts_for_title", function() { 
    $(':checkbox').checkbox(); 
}); 

我在flatui護欄寶石和應用嘗試。 js在我的Rails應用程序中,但我一直在收到未定義的複選框方法。

有沒有更好的地方,我應該把這個黑客?

回答

0

艾米改變你在你的本地版本中創建的寶石不會反映在你的應用中,因爲寶石本身沒有改變。

把你的javascript放在你想要的頁面上,'content_for:head'塊中,或者在你的應用中的一個單獨的js文件中。

+0

我忘了補充一點,起初我在rails應用程序中的application.js中有這樣的功能,它仍然拋出了相同的錯誤。 –

+0

你的js的其他人在工作嗎? – Edward

+0

是的。我沒有任何問題與我的任何js。 –

1

如果您正在使用一個開關,你可以嘗試:

jQuery.ajax({ 
    // ... 
    success: function(response) { 
    // Once you append html then just execute this jQuery code to initialize the switch checkbox.... 
    jQuery('your-selector').append(response); 
    jQuery("[data-toggle='switch']").wrap('<div class="switch" />').parent().bootstrapSwitch(); 
    } 
}); 

你動態追加後的複選框以上是初始化開關。

jQuery("[data-toggle='switch']").wrap('<div class="switch" />').parent().bootstrapSwitch();