ASP.NET MVC中点击Basic Info按钮无法向pagecontainer类加载分部视图

云上老周

2026-9-30

问题诱因

核心原因是你绑定的点击事件没有生效，触发了a标签的默认跳转行为：
1. 事件绑定时机错误：JS代码执行时#basicinfo元素还没完成DOM渲染，导致$("#basicinfo")没有匹配到对应元素，事件绑定失效，点击后直接走a标签的href跳转逻辑，整页刷新展示分部视图。
2. 其他可能原因：jQuery未正确引入、多版本jQuery导致$符号冲突、JS代码存在语法错误打断执行，都会导致e.preventDefault()没有执行，触发默认跳转。

修复方案

方案1：DOM加载完成后再绑定事件

把你的JS代码包裹在$(document).ready()回调中，确保DOM渲染完成后再绑定事件：

$(document).ready(function(){
    //basic info
    $("#basicinfo").click(function (e) {
        e.preventDefault();
        var href = $(this).attr("href");
        $.get(href, function (data, status) {
            $('.pagecontainer').html(data);
        });
    });
});

方案2：使用事件委托绑定（更稳妥）

如果后续按钮可能动态渲染，推荐用事件委托的方式绑定到document上，不用依赖元素加载时机：

$(document).on('click', '#basicinfo', function (e) {
    e.preventDefault();
    var href = $(this).attr("href");
    $.get(href, function (data, status) {
        $('.pagecontainer').html(data);
    });
});