2013-02-06 57 views
0

我正在使用jquery來爲我的網站設計一些按鈕,除了事實上這些按鈕什麼都不做,它看起來很棒。以下是我如何設置按鈕的方法;無法讓我的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> 
+3

'event.preventDefault()'會讓它做什麼..也許你應該說出來 –

+1

爲什麼你會在一個按鈕裏? – Ascendant

+0

@PerfectGundam特別是因爲它不是有效的HTML – jmoerdyk

回答

0

這裏是我的建議。

<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 
    }); 

}); 
1
$(function() { 

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

JavaScript代碼段,你必須展現的是從JQuery UI Demo page

它使用Click事件的preventDefault()方法來防止它激活點擊事件。這樣做是爲了讓演示按鈕不會導致按鈕,特別是輸入按鈕將事件發佈到服務器。由於這是一個演示頁面,我認爲製作人員不希望激活與按鈕相關的事件。

您可以忽略preventDefault()方法,並且點擊事件將被激活。之後,您將能夠看到與您的按鈕相關的頁面或相關操作。例如。

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