My problem in a nutshell is that from within coffeescript implemented jQuery-UI handler, I cannot create and show a bootstrap modal. If I try to show the modal using the standard button approach that is on the bootstrap documentation it works just fine. EDIT 3: This is within a Ruby on Rails 3.2 application using the asset pipeline.<\/p>\n
Launch demo modal\n<\/code><\/pre>\nHowever, when I do this from within a jQuery-UI event handler:<\/p>\n
$(\"#my-modal\").modal('show')\n<\/code><\/pre>\nor<\/p>\n
$(\"#my-modal\").modal({})\n<\/code><\/pre>\nI get this error:<\/p>\n
Uncaught TypeError: Object [object Object] has no method 'modal'\n<\/code><\/pre>\nMy html is very standard–I just used the example html from the bootstrap documentation. I have this coffeescript for the jQuery-UI event handler:<\/p>\n
$ ->\n $(\"#selectable\").selectable(\n selected: (event, ui) ->\n $(\"#my-modal\").modal({})\n )\n<\/code><\/pre>\nEDIT: As this smells of a scope issue I tried monkeying with the -> and => to see if that changed things but no changes to that made any difference.<\/p>\n
EDIT 2: I’ve validated that the javascript libraries are included in the right order: jquery, jquery-ui, jquery_ujs, and then bootstrap.js. Is it possible that there’s another library I need to pull in?<\/p>\n
I’ve validated that $(“#my-modal”) finds the modal DOM object correctly by doing<\/p>\n
console.log $(\"#my_modal\").html()\n<\/code><\/pre>\nI’m at a loss to understand this. The code looks completely straightforward and simple to me.<\/p>\n
\n- \n
I finally figured this out and thought I’d post the answer in case someone else runs into this.<\/p>\n
Someone else on our team had brought in Google Analytics using jQuery and that was reintroducing jQuery AFTER bootstrap had injected itself into jQuery, thereby removing bootstrap from the world.<\/p>\n
As we’re in the first stages of our project and our motto is to not try to solve next years problems today, I fired him and we waited out back for him when he left. Of course he’s my boss so none of that happened.<\/p>\n<\/li>\n<\/ol>\n
Originally posted 2013-11-15 09:11:17. <\/small><\/p>","protected":false},"excerpt":{"rendered":"
My problem in a nutshell is that from within coffeescript implemented jQuery-UI handler, I cannot create and show a bootstrap modal. If I try to show the modal using the standard button approach that is on the bootstrap documentation it works just fine. EDIT 3: This is within a Ruby on Rails 3.2 application using […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1412","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/1412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=1412"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/1412\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=1412"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=1412"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=1412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}