javascript - 无法使用 twitter bootstrap 将焦点集中在 jQuery UI 模式内的文本框中

Question

我无法将文本框聚焦在单击下拉菜单时出现的 Pane 中，如图所示:

这是我正在使用的代码:

          $("#dialog-modal").dialog({
          title: "Upload to: FolderNameGoesHere",
          width: 720,
          height: 450,
          dialogClass: "file-upload-modal",
          modal: true,
          buttons: {
              "Save": function () {
                  $(this).dialog("close");
              },
              "Cancel": function () {
                  $(this).dialog("close");
              }
          }
      });

      // Fix input element click problem
      $('.input-append').click(function (e) {
          //$(this).focus();
          e.stopPropagation();

      });​

这是实时 js fiddle http://jsfiddle.net/5nDUf/1/

Answer 1

Modal 试图偷走你的一切:)

$('.input-append').click(function (e) {
    //$(this).focus();
    e.stopPropagation();

});​

应该是

// Fix input element click problem
$('.input-append').bind('click mouseup mousedown keypress keydown keyup', function (e) {
    e.stopPropagation();
});​

fiddle http://jsfiddle.net/jaMda/