如何設置加載動態內容的onClick屬性？

此代碼假設爲每個a元素添加一個onClick事件，以便單擊該元素可以將頁面內容動態加載到DIV中。如何設置加載動態內容的onClick屬性？

現在，我得到了這麼多 - 它將添加onClick事件，但我如何加載動態內容？

$(document.body).ready(function() { 
    $("li.cat-item a").each(function (i) { 
     this.setAttribute('onclick','alert("[load content dynamically into #preview]")'); 
    }); 
});

謝謝。

來源

2010-03-26 Tomer Lichtash

而不是警報，你需要調用一個函數來執行一些Ajax請求來檢索動態內容。 – Paul

是的，這是我的問題的目標:) AJAX代碼應該如何？ –

$(document.body).ready(function() { 
    $("li.cat-item a").click(function (e) { 
     $('#this-is-your-target-div').load(this.href); 
     e.preventDefault(); 
    }); 
});

請參閱jQuery ajax函數的文檔：http://api.jquery.com/category/ajax/。

來源

2010-03-26 13:42:31

使用$('div.container').html(htmlString);

其中htmlString是您要的div內放置與內容的類別的HTML代碼container

來源

2010-03-26 13:36:44 o15a3d4l11s2

我想用href作爲輸出，這種方法有可能嗎？ –

$(document).ready(function() { 
    $('li.cat-item a').bind('click', function (e) { 
    $('#preview').load($(this).attr('href')); 

    e.preventDefault(); 
    }); 
});

還有就是AJAX功能，jQuery中廣泛的量：http://api.jquery.com/category/ajax

來源

2010-03-26 13:40:41 Matt

謝謝！你幫了很多忙。 –

$("li.cat-item a").click(function() { 
    $.get($(this).attr('href'), function(data) { 
     $("#preview").html(data); 
    }); 
});

請問使用$.get哪個AJAX請求更容易閱讀點擊元素的href屬性，並將檢索到的數據放入div preview。

來源

2010-03-26 13:42:08

如何設置加載動態內容的onClick屬性？

回答

相關問題