jquery - Select2 doesn't work when embedded in a bootstrap modal -

-

when use select2 (input) in bootstrap modal, can't type it. it's disabled? outside modal select2 works fine.

enter image description here

working example: http://jsfiddle.net/byjy8/1/ code:

<!-- modal --> <div id="mymodal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true">   <div class="modal-header">     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>     <h3 id="mymodallabel">panel</h3>   </div>   <div class="modal-body" style="max-height: 800px">   <form class="form-horizontal">  <!-- text input--> <div class="control-group">   <label class="control-label" for="vdn_number">numer</label>   <div class="controls">      <!-- seleect2 -->     <input name="vdn_number" type="hidden" id="vdn_number"  class="input-large" required=""  />   </div> </div>    </div>   <div class="modal-footer">     <button class="btn" data-dismiss="modal" aria-hidden="true">close</button>     <button class="btn btn-primary">save changes</button>   </div> </div>

adn js

$("#vdn_number").select2({     placeholder: "00000",     minimuminputlength: 2,     ajax: {         url: "getajaxdata/",         datatype: 'json',         type: "post",         data: function (term, page) {             return {                 q: term, // search term                 col: 'vdn'             };         },         results: function (data) { // parse results format expected select2.             // since using custom formatting functions not need alter remote json data             return {results: data};         }     } });

answers:

here can find quick fix

and here 'the right way': select2 doesn't work when embedded in bootstrap modal

ok, i've got work.

change

<div id="mymodal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true">   <div class="modal-header">     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>     <h3 id="mymodallabel">panel</h3>   </div>   <div class="modal-body" style="max-height: 800px">

to

<div id="mymodal" class="modal hide fade" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true">   <div class="modal-header">     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>     <h3 id="mymodallabel">panel</h3>   </div>   <div class="modal-body" style="max-height: 800px">

(remove tabindex="-1" modal)


Comments

Post a Comment

Popular posts from this blog

design - Custom Styling Qt Quick Controls -

-
Image
i have custom design qt quick controls. example, change background colour of tool bar, since hate default design. how can that? in qt quick controls, there limited styling available via qt quick control styles items, buttonstyle , checkboxstyle , etc. at moment, other styles require delving qt sources , messing internal details. here complete example of how 1 might modify toolbar's style. main.qml import qtquick 2.1 import qtquick.layouts 1.0 import qtquick.controls 1.0 applicationwindow { toolbar: toolbar { id: toolbar component.oncompleted: toolbar.data[0].item.children = [newrectangle]; property item _newrectangle: rectangle { // rectangle within toolbarstyle's panel // gleaned from: // http://qt.gitorious.org/qt/qtquickcontrols/source/ // c304d741a27b5822a35d1fb83f8f5e65719907ce:src/styles/base/toolbarstyle.qml id: newrectangle anchors.fill: parent...
Read more

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more