javascript - 无法使用 twitter bootstrap 在 jQuery UI 模式内的文本框中集中注意力

Question

我无法将文本框集中在单击下拉列表时出现的窗格中，如图所示：

这是我正在使用的代码：

          $("#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 小提琴http://jsfiddle.net/5nDUf/1/

Answer 1

莫代尔试图偷走你的一切:)

$('.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();
});​

小提琴http://jsfiddle.net/jaMda/