在点击文本中使用jQuery打开窗口

Question

我想创建一个类似于他们的搜索网页上的哪个 www.redfin.com 具有的功能。甲搜索表单被打开在文本框中一个用户点击。

我使用MVC和jQuery，但我不知道如何去做。我尝试使用对话框插件，但由于某种原因，对话框只打开一次。

<input id="txtSearch" type="text" />
<div id="searchForm" title="Dialog Title">I am a dialog</div>

$("#txtSearch").click(function() {
    // Show form
    $("#searchForm").dialog();
});

然而，在正规网站上的对话甚至不开。

$("#txtSearch").click(function() {
        // Show form
        $("#searchForm").dialog();
    });

使用聚焦或点击似乎有相同的效果。该对话框只打开一次。当我关闭它，然后单击文本框又没有对话。

我使用正确的方法来完成这个任务？ 有没有什么样？ 建议表示欢迎。

在对话框可能不是最好的选择，因为它产生的称号。我不知道还有什么我可以使用，因为我也希望通过AJAX和显示结果发布形式在同一页上。

由于

Answer 1

和你要确保你的包裹事件在文档准备脚本绑定（您可能已经这样做，但我只是指出它，因为它在你的示例代码没有，以防万一）

$(document).ready(function() {
    $("#txtSearch").click(function() {
        // Show form
        $("#searchForm").dialog();
    });
});

修改

。

$（ “＃searchForm”）对话框（）;仅登记对话框来搜索表单我认为

我想你可能需要调用一个对话框显示（）和隐藏（）得到它的出现和消失。我已经使用了 jqModal 之前，不得不做这样

$(document).ready(function() {
    $("#searchForm").jqm({modal: true}); //register this div as a modal

    $("#txtSearch").click(function() {
        // Show form
        $("#searchForm").jqmShow(); //show div
    });
});

以后，关闭模态，可以调用

$("#searchForm").jqmHide();

Answer 2

您可能要改用focus事件的 click 事件。

至于怎么使用的对话框中，我建议检查出的 BeautyTips 。退房的“自定义触发”例如，在该页面中，正是你正在尝试做的。