Ajax在一個頁面上加載兩個確切的ID？

我加載動態頁面加載與AJAX ......就像這個...Ajax在一個頁面上加載兩個確切的ID？

$(document).ready(function(){ 
    $("#xxxxx").click(function(){  
     document.getElementById("contentAll").innerHTML = "";  
    $.ajax({ 
     url: "base_template.html", 
     cache: false, 
     success: function(html){ 
     $("#contentAll").append(html); 
    } 
    }); 
});

我的問題是，這只是加載一個導航部分（#ID）。我在頁面上有兩個（一個在頂部，是一個下拉品種，一個在左側，當你在該特定頁面上時加載）

我如何設法加載兩個ID，我是百思不得其解......

WDH

來源

2011-07-18 WebDevHed

什麼HTML裏面'base_template.html'？此外，您的Javascript是在哪個網頁上的HTML？ – betamax

要發佈的大頁面，600行長... – WebDevHed

@WebDevHed：這就是爲什麼你只會發佈**相關的** html代碼。 – Sparky

你不準有標識使用相同的值在同一頁上。您可以切換到使用類名稱而不是ID，並讓jQuery對具有該類名稱的兩個對象進行操作。

相反的<div id="contentAll"></div>，你會<div class="contentFinal"></div>，然後你可以使用這個jQuery的：

$(document).ready(function(){ 

    $.ajax({ 
     url: "base_template.html", 
     cache: false, 
     success: function(html){ 
     $(".contentFinal").append(html); // append to both places 
    } 
    }); 
});

來源

2011-07-18 16:23:10 jfriend00

我感謝你的幫助@ jfriend00，它像一個魅力。我對jQuery世界比較陌生，你能否給我一個提示，讓我的頁面淡入淡出？ – WebDevHed

很高興工作。本着SO的精神，你應該問一個關於淡出的新問題。 – jfriend00

你不知道。ID的應該只存在一次。如果你有一個頁面上的多個項目，你應該改變這些ID上課。

然後，只需改用jQuery中的類代替

$(document).ready(function(){ 

    $.ajax({ 
     url: "base_template.html", 
     cache: false, 
     success: function(html){ 
     $(".navigation").append(html); 
    } 
    }); 
});

來源

2011-07-18 16:23:05

問題是我已經有問題的鏈接類...我真的不喜歡堆疊多個類，但似乎我別無選擇。 – WebDevHed

不使用多個類是愚蠢的。 CSS是爲此設計的，任何好的CSS設計都會在很多對象上使用多個類。你應該使用多個類。 – jfriend00

用途：

<div class="contentAll" id="top"></div> 
<div class="contentAll" id="bottom"></div> 

$(document).ready(function(){ 
    $.ajax({ 
     url: "base_template.html", 
     cache: false, 
     success: function(html){ 
     $(".contentAll").append(html); 
    } 
    }); 
});

來源

2011-07-18 16:24:06 ChristopheCVB

Ajax在一個頁面上加載兩個確切的ID？

回答

相關問題