如何在不刷新頁面的情況下單擊菜單欄來更改div內容

Question

<div id="containerright">
  <div id="containerrighttop">
    <ul>
      <li><a  href="C:\Users\Ravi Ranjan\Desktop\new web\New folder/content-  1.     html">Content 1</a></li>
      <li><a  href="C:\Users\Ravi Ranjan\Desktop\new web\New folder/content-2.html">Content 2</a></li>
      <li><a  href="C:\Users\Ravi Ranjan\Desktop\new web\New folder/content-3.html">Content 3</a></li>
    </ul>
  </div>
  <div id="containerrightbottom">
  </div>
</div>
</div>

**這是我用ajax編寫的腳本**在這種情況下，我希望菜單欄水平放置，以便在單擊該菜單欄時，同一頁面的一部分上的div內容在不刷新頁面的情況下得到更改

<script type="text/javascript">

    $(function() {

        $("#conatinerright""#containerrighttop").click(function() {

            $("#conatinerright""#containerrightbottom" ).load($(this).attr("href"));

            return false;
        });

    });
</script>

Answer 1

$(function() {
    $("#containerrighttop a").click(function() {
        $("#containerrightbottom").load($(this).attr("href"));
        return false;
    });
});

您的問題是：

1. 您拼錯了#containerright 。 由於內部DIV的ID已足夠，因此不需要選擇器的這一部分。
2. 您使用了無效的語法，方法是將兩個不帶+字符串彼此相鄰以將它們串聯在一起。
3. 您將點擊處理程序綁定到#containerrighttop ，但應將其綁定到錨點。