Opera和Firefox将问题集中在输入上

Question

我在歌剧中的jQuery UI对话框遇到了一个奇怪的问题。在所有其他浏览器中，代码正常运行，包括I 8，但是由于Opera中的某些原因，我必须使用Tab按钮在对话框内选择一个字段。我无法使用鼠标选择一个字段！

更新：我也有Firefox的问题！所以这不仅仅是歌剧。在Chrome＆amp;IE。我无法选择我的任何输入字段。有人知道我如何将正常的重点放在我的HTML元素上？

//Build the dialog
    function createActivityDialog() {
        var dropdown, activitydialog, timepicker, i, stageid;
        timepicker = "<select name='dialogbegintime' id='dialogbegintime'>";
        for ( i = 0; i < $("#times li").length; i = i + 1) {
            timepicker += "<option value='time" + i + "'>" + hourArray[i] + ":00" + "</option>";
        }
        timepicker += "</select>";
        dropdown = "<select name='podia' id='podia'>";
        for ( i = 0; i < $(".tr").length; i = i + 1) {
            stageid = $(".tr").eq(i).attr("id");
            dropdown += "<option value='" + stageid + "'>" + $(".th").eq(i).html() + "</option>";
        }
        dropdown += "</select>";
        activitydialog = $('<div></div>').html("<p id='dialogTip'>Voer hier een nieuwe activiteit in:</p><br />" + "Naam: <input type='text' name='activityName' id='activityName' /><br />" + "Selecteer een begintijd:" + timepicker + "<br />Selecteer het podium: " + dropdown).dialog({
            autoOpen : false,
            title : 'Activiteit Toevoegen',
            height : 300,
            width : 350,
            modal : true,
            close : function() {
                $(this).remove();
            }
        });
        return activitydialog;
    }
//Call/Open the dialog
$("#SomeForm").submit(function(event) {
    var mydialog;
    mydialog = createActivityDialog();
    mydialog.dialog('open');
    mydialog.dialog("option", "buttons", [{
        text : "Ok",
        click : ActivityDialogOk
    }, {
        text : "Cancel",
        click : function() {
            $(this).dialog("close");
        }
    }]);
    event.preventDefault();
});

html：

<form id="SomeForm" method="post">
    <button type="submit" name="addActivity">
        Add
    </button>
</form>

Answer 1

好。因此，我发现问题在哪里：$(document).disableSelection(); - 评论此问题，所有这些都可以正常工作。

jQuery UI对话框打开第一个Tabbable Element，因此第一个输入是集中的，但是在整个文档上，disableSelection您无法使用鼠标聚焦字段。