javascript - What could be causing the Bootstrap modal not to stay on the screen? -

-

i using bootstrap modal in app, , trying execute stock bootstrap modal proof of concept (i.e. start @ baseline modal works , build there).

in _notifications.html.erb have this:

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#mymodal">   launch demo modal </button>  <!-- modal --> <div class="modal fade" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true">   <div class="modal-dialog">     <div class="modal-content">       <div class="modal-header">         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">close</span></button>         <h4 class="modal-title" id="mymodallabel">modal title</h4>       </div>       <div class="modal-body">         ...       </div>       <div class="modal-footer">         <button type="button" class="btn btn-default" data-dismiss="modal">close</button>         <button type="button" class="btn btn-primary">save changes</button>       </div>     </div>   </div> </div>

the issue when click it, modal appears 1/10th of second , disappears.

this application.js looks like:

//= require jquery //= require jquery_ujs //= require jquery.turbolinks //= require best_in_place //= require main.js //= require bootstrap //= require bootstrap-sprockets //= require jquery-ui/datepicker //= require best_in_place.jquery-ui //= require jquery.purr //= require best_in_place.purr //= require bootstrap.file-input //= require chosen.jquery //= require spin.min //= require ladda.min //= require masonry.js //= require intro.js  //= require pnotify //= require turbolinks   $(document).on("ready page:load", function(){     $("input.datepicker").datepicker();       /* activating best in place && include success highlighting & bounce comments & videos */         $(".best_in_place").best_in_place().bind("ajax:success", function () {$(this).closest('p, h5').effect('highlight').effect("bounce", { times:3 },  { duration:400}).dequeue(); });         $('.dropdown-toggle').dropdown();              $('#unread-notification').click(function(){         var url = $(this).data('read-url');         $.ajax({           type: "put",           url: url         });       });        });

i have commented out js in every other file in app, still hasn't solved issue.

what causing weird behavior?

edit 1

these appropriate elements in gemfile:

gem 'coffee-rails', '~> 4.0.1' gem 'jquery-rails', '~> 3.1.0' gem 'turbolinks' gem 'bootstrap-sass', '~> 3.2.0.0' gem 'sass-rails', '>= 3.2' gem 'jquery-turbolinks'

to take troubleshooting 1 step further, when remove class fade modal class, i.e. opening div looks this:

<div class="modal" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true">

the modal doesn't fire @ all.

edit 2

for it's worth, when execute/fire modal js console, can see modal...kinda. in, modal shows, seems behind grey overlay, can see in screenshot below.

modal if fired js console

edit 3

here bootstrap_and_overrides.css.scss declarations:

@import "bootstrap-sprockets"; @import "bootstrap"; @import "font-awesome";

after looking into, checked out issues having. believe bootstrap loaded twice checked through console , each copied line presented 2 matches always.

also according bootstrap-sass docs

// "bootstrap-sprockets" must imported before "bootstrap" , "bootstrap/variables"

Comments

Post a Comment

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

-
i have write down code showing error ma not getting it: please help: showing mat not numerical tuple: import cv import cv2 capture = cv2.videocapture("j.3gp") while(1): _, frame1 = capture.read() grayimage1 = cv2.cvtcolor(frame1, cv2.color_bgr2gray) _, frame2 = capture.read() grayimage2 = cv2.cvtcolor(frame2, cv2.color_bgr2gray) differenceimage = cv2.absdiff(grayimage1,grayimage2) thresholdimage = cv2.threshold(differenceimage,25,255,cv2.thresh_binary) cv2.imshow("difference image", differenceimage) cv2.imshow("threshold image", thresholdimage) cv2.imshow("image", frame1) k = cv2.waitkey(30) & 0xff error arising : ----------------------------------------------------------------------------------------- traceback (most recent call last): file "desk.py", line 15, in <module> cv2.imshow("threshold image", thresholdimage) typeerror: mat not numerical tuple ...
Read more

c# - MSAA finds controls UI Automation doesn't -

-
i'm working on automating windows application. i'm using teststack white framework. i've hit problem. program has 'window' object cannot see inside of. white shows no controls inside of it. inspect.exe shows no controls inside of either when running in ui automation mode. if switch inspect msaa see controls inside fine. there anyway me use msaa c# handle on these controls? if can identify msaa functions need, can use p/invoke call them c#. here's example article doing msaa: http://www.codeproject.com/articles/38906/ui-automation-using-microsoft-active-accessibility also, pinvoke.net can used identify iaccessible (msaa) functions: http://www.pinvoke.net/search.aspx?search=iaccessible&namespace=[all] here's answer along lines: msaa com-based? finally, alternative p/invoke, might able use tlbimp.exe create wrapper assembly oleacc.dll, , access msaa functions through it. i'm not sure if works msaa, it's worth try. as e...
Read more

wordpress - .htaccess: RewriteRule: bad flag delimiters -

-
pulling hair out on one. have following .htaccess file custom redirects in addition wordpress's default settings. when tested on local wamp server worked fine after moving production i'm not getting rewriterule: bad flag delimiters error in server log , after while site goes down internal server error any appreciated. in advance! <ifmodule mod_rewrite.c> rewriteengine on rewritebase / rewriterule ^rockford_weddings___welcome\.html$ /wedding/ [r=301,l] rewriterule ^blog/?$ /journal/ [r=301,l] rewriterule ^blog/(.*)$ /$1 [r=301,l] rewriterule ^portraitinvestment/?$ /portraitinvestment\.pdf [r=301,l] rewriterule ^weddinginvestment/?$ /weddinginvestment\.pdf [r=301,l] rewriterule ^holidaycards2014/?$ /holidaycards2014\.pdf [r=301,l] </ifmodule> # begin wordpress <ifmodule mod_rewrite.c> rewriteengine on rewritebase / rewriterule ^index\.php$ - [l] rewritecond %{request_filename} !-f rewritecond %{request_filename} !-d rewriterule . /index.php [l] </...
Read more