如何使用jquery使用id名稱作爲url加載頁面

我如何告訴jquery使用<a id="">或<a href="">作爲加載點擊的URL？例如URL page1.php。無論是通過獲取HREF，或通過獲取ID，然後追加.PHP如何使用jquery使用id名稱作爲url加載頁面

HTML

<a id="page1" class="load" href="page1.php">1</a> 
<a id="page2" class="load" href="page2.php">2</a> 
<a id="page3" class="load" href="page3.php">3</a>

jQuery的

<script> 
    $(document).ready(function() { 
     $(".load").click(loadDynamic); 
    }); 
    function loadDynamic() { 
     $("#load_in") 
      .load("",function (content) { 
       $(this).hide().fadeIn("slow"); 
       return false; 
     }); 
    } 
</script>

來源

2012-05-28 arboles

[這] [1]回答你的問題很好。 [1]：http://stackoverflow.com/questions/1694595/can-i-call-jquery-click-to-follow-an-a-link-if-i-havent-bound-一個事件手 –

使用this.href得到href。

$(document).ready(function() { 
    $(".load").click(loadDynamic); 
}); 

function loadDynamic() { 
    $("#load_in").load(this.href, function(content) { 
     $(this).hide().fadeIn("slow"); 
    }); 
     return false; 
}

當然你也可以使用this.id + ".php"。

注意你寫return false裏面的load回調因此它不會阻止默認的錨點擊！您應該像答案中那樣將其移動到外部範圍。

對於那些抱怨.click(fn)針對on('click', fn)

那些是相同功能，.click(fn)爲on('click', fn)別名：

在頭兩個變型中，該方法是jQuery 1.7的.bind（「click」，處理程序）以及.on（「click」，處理程序）的快捷方式。

jQuery docs

來源

2012-05-28 21:50:37 gdoron

你應該使用更新的'.on（'click'，callback）'語法... – Lix

嘿！你爲什麼更新這個美好的答案？：P – VisioN

@Lix。他們是一樣的。 'click'是它的別名。閱讀文檔：'在前兩個變體中，這個方法是.bind（「click」，處理程序）以及.on（「click」，處理程序）從jQuery 1.7開始的一個快捷方式。「＃ – gdoron

您可以使用this.href：

$(".load").click(function() { 
    $("#load_in").load(this.href, function() { 
     $(this).hide().fadeIn("slow"); 
    }); 
    return false; 
});

要獲得ID使用簡單this.id。

來源

2012-05-28 21:51:30 VisioN

+1，幾乎和我的一樣好。 '：）' – gdoron

'好像我的'...'>：P' –

@gdoron您不會阻止默認鏈接操作：P – VisioN

更換

.load("",function (content) {

隨着

.load(this.href, function (content) {

來源

2012-05-28 21:51:42 David

如何使用jquery使用id名稱作爲url加載頁面

回答

相關問題