bootstrap-sass multiselect event conflict : <p>I've got a strange issue using <strong>bootstrap-sass</strong> and <strong>bootstrap-multiselect</strong>.
Seems like bootstrap-sass event handlers block multiselect handlers for dropdown etc.</p>

<p>This packages installed via bower:</p>

<pre><code>'bootstrap-sass-official#3.3.1',
'bootstrap-multiselect'
</code></pre>

<p>App built on django and python, so template that binds scripts to the page:</p>

<pre><code>{% compress js %}
    &lt;script src="{% static 'jquery/dist/jquery.js' %}"&gt;&lt;/script&gt;
    &lt;script src="{% static 'bootstrap-sass/assets/javascripts/bootstrap.js' %}"&gt;&lt;/script&gt;
{% endcompress %}
</code></pre>

<p>binding script on a specific page using:</p>

<pre><code>{% block extrajs %}
    &lt;script src="{{ STATIC_URL }}bower_components/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"
            type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
{% endblock %}
</code></pre>

<p>crearing multiselect control:</p>

<pre><code>$('.multiselect').multiselect()
</code></pre>

<p>Nothing special. But when i try to use multiselect control on UI it doesn't drop down. No errors in console.</p>

<p>After some surfing through the code i figured that there are some event handlers that preventing multiselect handlers from executing:</p>

<pre><code>  // APPLY TO STANDARD DROPDOWN ELEMENTS
  // ===================================

  $(document)
    .on('click.bs.dropdown.data-api', clearMenus)
    .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
    .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)
    .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown)
    .on('keydown.bs.dropdown.data-api', '[role="menu"]', Dropdown.prototype.keydown)
    .on('keydown.bs.dropdown.data-api', '[role="listbox"]', Dropdown.prototype.keydown)
</code></pre>

<p>so, the tricky solution was to switch off the standard event handlers first on the page where multiselect used:</p>

<pre><code>$(document)
     .off('click.bs.dropdown.data-api')
     .off('keydown.bs.dropdown.data-api')
</code></pre>

<p>Which seems a bit hacky and not the best solution to me.</p>

<p>Are there native ways to resolve this conflict? Thanx.</p>
