動態內容不加載與jquery移動

我有以下代碼爲jquery移動頁面。當我直接運行它時，它可以工作，但是當我從不同的頁面鏈接到它時，它不會加載。我試過在推薦鏈接中關閉數據ajax，但這沒有什麼區別。有任何想法嗎？動態內容不加載與jquery移動

這裏是代碼：

var urlQuery = location.search; 
urlQuery = urlQuery.replace('?', ''); 
var split = urlQuery.split('='); 
var id = split[1]; 

$(document).delegate('[data-role="page"]', 'pageinit', function(){ 
    $.get('../ws/bars.php?id=' + id, function(data) { 
     $('[data-role="content"]').html(data); 
     $('[data-href="specials"]').trigger('click'); 
    }); 
}); 


$(document).delegate('[data-role="navbar"] a', 'click', function(event){ 
    $('.content_div').hide(); // hide all the .content_div's 
    $('#' + $(this).attr('data-href')).show(); // display the div that's been clicked $('a.pageTab').removeAttr('style'); // remove styling from the buttons 
    $(this).attr('style','color: #eee;'); // add styling to the active button 
});

無論答案我從這個搞定了，請給我的，爲什麼還有什麼讓我能明白是怎麼回事。

謝謝！

來源

2012-03-21 Justin White

您的初始$.get()函數調用似乎在全局範圍內運行。這意味着它在頁面加載時運行，但不會在後續頁面加載時運行，因爲jQuery Mobile通過AJAX將外部頁面拖入相同的DOM。因此，要運行每個虛擬頁的AJAX請求我會綁定到pageinit事件：

$(document).delegate('[data-role="page"]', 'pageinit', function() { 
    //run AJAX request 
});

此外，如果你有以下ID每個頁面上的元素，#sun/#mon /等。那麼您應該將它們更改爲類或以某種方式使它們具有唯一性，這樣您就不會在DOM中同時擁有多個具有相同ID的元素。您可以輕鬆地通過使用$.mobile.activePage參考選擇當前頁面上的元素：

$.mobile.activePage.find('.sun')...

來源

2012-03-21 20:50:19 Jasper

這工作我已經得到了上面的代碼，但我希望的是，回答我的問題會在我的其他網頁工作。但是，當我點擊一個鏈接並轉到第二頁時，這不起作用 - 第二頁上的動態內容不會加載。此外，我只在這個頁面上有這些ID的元素。我的應用程序中的每個頁面都不同，並且它們都在單獨的HTML文件中。我已經將第二頁的代碼添加到我的問題中，以便您可以看到那裏發生了什麼（以原始格式，在我嘗試document.delegate之前） – 2012-03-21 21:08:14

動態內容不加載與jquery移動

回答

相關問題