Shoken Startup Blog

KitchHike Founder/CTO

jQuery UI Dialogでクローズボタンのxが出なくなった

f:id:sfujisak:20140523153425p:plain

ボタンは見えるが、xが出なくなった。

解決策

stackoverflowで見つけたこのやり方を試したら、見えるようになった。原因はわからず。 javascript - jQuery UI Dialog - missing close icon - Stack Overflow

bootstrap.jsとjquery-ui.jsの読み込みで、bootstrap.jsが上に来るように修正する。

application.js

修正前

... 
//= require jquery.ui.datepicker
//= require jquery.ui.dialog
//= require twitter/bootstrap
...

修正後

... 
//= require twitter/bootstrap
//= require jquery.ui.datepicker
//= require jquery.ui.dialog
...

bootstrapとjqueryで変数が重複していたりするのだろうか。