Ich verwende das Select2-Plugin, aber die integrierte Suchfunktion funktioniert nicht, wenn das Plugin mit einem modalen jQuery-Dialogfeld verwendet wird. Ich habe eine Geige, die das Problem bei zeigt ...

http://jsfiddle.net/jeljeljel/s3AFx/

Beachten Sie, dass das Suchfeld den Fokus nicht akzeptiert. Es soll eine Problemumgehung mit dem _allowInteraction-Ereignis geben (http://api.jqueryui.com/dialog/#method-_allowInteraction), aber es funktioniert nicht bei mir.

Kann jemand helfen, um zu sehen, wie diese Geige funktioniert?

Auch dieser SO Beitrag (Das select2-Plugin funktioniert einwandfrei, wenn es sich nicht in einem modalen jquery-Dialogfeld befindet) bespricht dasselbe Problem, aber die vorgeschlagenen Korrekturen funktionieren bei mir nicht.

HTML

<div class="dialog">
    <select>
        <option>A tall ship was seen a</option>
        <option>A tall ship was seen b</option>
        <option>A tall ship was seen c</option>
        <option>A tall ship was seen d</option>
        <option>A tall ship was seen e</option>
        <option>A tall ship was seen f</option>
    </select>
</div>

JAVASCRIPT

$('.dialog').dialog({
    modal: true,
    _allowInteraction: function (event) {
        return !!$(event.target).is(".select2-input") || this._super(event);
    }
});
$('select').select2();