2012-10-27 25 views
0

我相信我已成功地將jQuery UI Bootstrap與Rails集成在一起,這要歸功於this gem,因爲datepicker似乎正常工作。在軌道上使用jQuery UI Bootstrap單選按鈕時遇到的問題

我想生成一個單選按鈕集,並且在使用jQuery UI功能和Bootstrap樣式時遇到了一些麻煩。

我有以下ERB:

<div class="ui-buttonset"> 
    <%= f.radio_button :available, true, checked: true, class: 'ui-helper-hidden-accessible' %> 
    <%= label :available, 'Available', value: true, class: 'ui-button ui-widget ui-corner-left' %> 
    <%= f.radio_button :available, false, class: 'ui-helper-hidden-accessible' %> 
    <%= label :available, 'Unavailable', value: false, class: 'ui-button ui-widget ui-corner-right' %> 
</div> 

使用JavaScript $('.ui-buttonset').buttonset();$('button').button();,但是當我將鼠標懸停,點擊,等等還有就是UI元素,選中ATTR,或任何沒有改變什麼都不會發生其他據我所知。我是否需要爲此功能手寫JavaScript,或者是否有某些我缺少的內容?

+0

我試圖將[jQuery UI示例](http://api.jqueryui.com/button/#example-1)直接粘貼到我的標記中,但沒有運氣。爲了讓datepicker工作,我不得不在我的application.js中調用'jquery-ui'並調用'$(el).datepicker();',它不會出現,寶石。關於如何測試是否包含適當文件的任何想法? –

+0

我已確認正在加載相應的css和js文件。當我調用'$('#radio')。buttonset();'(來自[jQuery UI示例](http://api.jqueryui.com/button/#example-1))時,它會應用適當的類到元素。儘管如此,仍然沒有造型或功能。 –

回答

相關問題