我有一堆想要在頁面內動態加載的鏈接。我不想爲每個鏈接寫出大量聲明,而是希望從屬性中獲取URL並將其傳遞到我需要的地方。將Jquery和Ajax作爲變量傳遞一個URL
下面的代碼工作,如果我把一個地址,而不是變量名linkURL,所以我知道代碼的作品。螢火蟲顯示它看起來在第一個正確的網址,但是當它到達
.load('linkURL .columnWide');
部分它開始尋找linkURL
// AJAXin links
// Click on link within id with ending of ASPX triggers this
$('#element a[href$=aspx]').click(function(e) {
// Grab the href attribute and use it as linkURL variable
var linkURL = $(this).attr('href');
// AJAX
$.ajax({
// Use the variable linkURL as source for AJAX request
url: linkURL,
dataType: 'html',
success: function(data) {
// This is where the fetched content will go
$('.result1')
// HTML added to DIV while content loads
.html('<div id="spinningLoader"><img class="loader" src="spinnerBlack.png" alt="spinnerBlack" width="100" height="100" /></div> ')
// Load from this URL this class
.load('linkURL .columnWide');
// See above
$('.result2')
.html('<div id="spinningLoader"><img class="loader" src="spinnerBlack.png" alt="spinnerBlack" width="100" height="100" /></div> ')
.load('linkURL .columnNarrow');
// It worked mother flipper
$.print('Load was performed.');
}
});
});
編輯:我可能不應該公佈在鏈接的東西我的S3桶:■
什麼不起作用?問題是什麼? – 2010-08-11 11:26:20
您是否嘗試過使用Firebug或Opera Dragonfly調試此代碼?你應該檢查'linkURL'是否保留地址。 – Ventus 2010-08-11 11:28:28
我在這裏看不到有什麼問題? – 2010-08-11 11:28:30