jquery - 无法让我的 Jquery 按钮转到链接

Question

我正在使用 Jquery 为我的网站设计一些按钮，它看起来很棒，除了按钮什么都不做。这是我设置按钮的方式；

JS

$(function() {
    $( "input[type=submit], a, button" )
    .button()
    .click(function( event ) {
        event.preventDefault();
    });
});

HTML

<button><li><a href="../home.html">HOME</a></li></button>
<button><li><a href="../commercial.html">COMMERCIAL</a></li></button>
<button><li><a href="../residential.html">RESIDENTIAL</a></li></button>

Answer 1

    $(function() {

    $( "input[type=submit], a, button" )
    .button()
    .click(function( event ) {
var urlink = $(this).attr('href');   
    window.location = $urlink;   
    });
    });

Answer 2

这是我的建议。

<ul>
   <li ><a href="somewhere">Home</a></li>
   <li ><a href="somewhere">Commercial</a></li>
   <li ><a href="somewhere">Residential<a/></li>
</ul>

我不知道您是如何使用 jQuery 来“样式化”的，但我认为简单的 css 可能会起作用。
我认为您不需要按钮。
或者，如果您需要按钮，那么

<ul>
    <li><input type="button" value="Home" name="home"/></li>
    <li><input type="button" value="commercial" name="commercial"/></li>
</ul>

JS

$(document).ready(function(){

    $("input[name=home]").bind("click", function(){
                  //submit http request or locatioin.href
     });

});

Answer 3

您显示的 JavaScript 片段来自JQuery UI 演示页面

它使用 click 事件的 preventDefault() 方法来阻止它激活 click 事件。这样做是为了使演示按钮不会导致按钮，特别是输入按钮将事件发布到服务器。由于这是一个演示页面，我推测制作者不希望与按钮相关的事件被激活。

您可以省略 preventDefault() 方法，点击事件将被激活。此后，您将能够使用您的按钮查看页面或相关操作。例如

<script>
$(function() {
    $( "input[type=submit], a, button").button().click();
});
</script>