javascript - 将不同的内容加载到 div 中

Question

我对 js 和 jQuery 有点陌生，所以请多多包涵。

我想根据点击的内容将不同的内容加载到 div 中。如果单击链接A，则加载内容A，如果单击链接B，则加载内容B..等等。我已设法将内容放入div，但不能比第一个工作更多。

 <p class="pageid" data-page="page_a">Click here for a<p> 
<p class="pageid" data-page="page_b">Click here for b<p> 

<div id="new_content" style="width:500px; margin-top:50px;"></div>

<script>
//set class pageid as a variable
var pageid = $('.pageid')
//get pageid's data page info
var page=pageid.attr("data-page")

//onclick load page
$('.pageid').click(function () {
      $("#new_content").load(page);
    });

</script>

有人可以指出我正确的方向吗？谢谢菲尔

Answer 1

不确定试试这个：

$('.pageid').click(function () {
      $("#new_content").load($(this).attr("data-page"));
    });