javascript - 更改 div 的内容，在 <a> 上单击

Question

<分区>

Answer 1

您不需要为此使用 jQuery 选项卡。

请记住，SF 不是脚本的来源，因此，您应该先尝试一些东西，然后再提出您的疑问，然后再对一些代码进行分析，看看哪些代码可能会对您有所帮助。

你有很多选择可以做到这一点，但是，基于你所说的。我不明白你只想用 javascript 来做，对吧？

因此，您可以像这样使用 jQuery 来实现这一点。

j查询

$(document).ready(function(){
    $('#left-side a').click(function(e){
        e.preventDefault();
        $.ajax({url: $(this).data('target'), dataType: 'html', success: function(result){
            $("#right-side").html(result);
        }});
        return false;
    });
});

html:

<div id='left-side'>
    <ul>
        <li><a href='#' data-target='aa.html'>Page 1</a></li>
        <li><a href='#' data-target='page2.html'>Page 2</a></li>
        <li><a href='#' data-target='page2.html'>Page 2</a></li>
    </ul>
</div>
<div id='right-side'>
</div>

每次您单击某个链接时，此脚本都会使用 ajax 加载定义的页面。我建议您使用服务器端来实现此目的，但这也有效。

希望对你有帮助。