php - Jquery从URL加载数据或转到URL

Question

我有 2 个名为“personal_info”和“portfolio”的 php 页面。我通过 codeigniter http://www.mysite.com/controller/personal_info 和 http://www.mysite.com/controller/portfolio 中的 php 函数加载它们。

我有一个页面，其中的菜单选项卡链接到个人信息和投资组合，我想在单击选项卡时通过 ajax 加载页面。如果浏览器中关闭了 js，选项卡应该只转到 url。

我正在使用 jquery .load() 函数来加载页面。

<script type="text/javascript">     
$(document).ready(function(){
    $('#personal_info').click(function() {
        $('#result').load('personal_info #load'); //load fragments from #load div
    }); 

    $('#portfolio').click(function() {
        $('#result').load('portfolio #load');
    });         
});
</script>

HTML

<div id="tab"><a href="http://www.site.com/portfolio/edit/general_info" id="general_info">General Info</a></div>

<div id="tab"><a href="http://www.site.com/portfolio/edit/portfolio" id="portfolio">Portfolio</a></div>

<div id="result"></div>

问题:当我单击选项卡时，它会将其视为链接并转到 URL，而不是通过 jquery 加载页面。如果 javascript 已打开，如何禁用该链接？另外，我注意到 JavaScript 不是从页面中的片段加载的，如果我将 JavaScript 放入页面中，我加载数据，它不会获取它。

有什么好的解决方案吗？

编辑:

为了加载js，我只是将整个页面包装在result div中，并使用js和页眉、页脚加载其他页面。

Answer 1

对于第一个问题:将 return false; 放在每个“click”函数的末尾:

$('#personal_info').click(function() {
    $('#result').load('personal_info');
    return false;
}); 

编辑:对于第二个问题，也许可以提取任何 jquery/javascript 并从中央 application.js 文件运行它？