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

Question

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

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

我如何得到这个按钮的点击导致页面重定向到：

/search 

Answer 1

试试这个：

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

Answer 2

我假设“do_search”是一个元素。如果是这种情况，点击该按钮只需按照链接进行操作，无需特殊操作。

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

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

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

Answer 3

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

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

Answer 4

我不知道jQuery UI的这么多，但你可以在jQuery的做了重新定位：

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

但是，如果你想搜索你输入的内容（在文本输入框）你可以这样做：

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

...提交搜索。

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

$(document).ready(function(){ ... });