如何获得jQueryUI按钮单击以导致页面重定向？

Question

如果我为搜索功能定义了一个jQuery UI按钮：

jQuery("#do_search").button();

如何点击此按钮以使页面重定向到：

/search

Answer 1

您也可以在链接上使用按钮（）

<a href="/search" class="button">My link</>
$(".button").button();

Answer 2

试试这个：

jQuery("#do_search").button().click( function() {
    window.location.href = "/search";
});

Answer 3

我假设“do_search”是一个元素。如果是这种情况，单击按钮将只是按照链接，不需要特殊操作。

如果“do_search”是或类似的，您必须为点击操作编写事件处理程序。像：

$("#do_search").click(function() { location.href=... });

虽然我猜您的搜索页面要求您向其提交一些信息，因此服务器端代码会搜索它。如果是这种情况，您必须对上述代码进行一些修改，或使用FORM。

Answer 4

我不太了解jQuery UI，但你可以在jQuery中进行重定向：

$('#do_search').click(function() {
  top.location.href = "/search";
});

但是如果你想搜索你输入的内容（在文本输入字段中），你可以这样做：{ {2}} ...提交搜索。

如果这不起作用，请尝试将代码放入：

$('#do_search').click(function() {
    var search_value = $("#search_field").val();
    top.location.href = "/search?q=" + search_value;
});