jquery - jquery效果只显示快速不停留

Question

我有一个导航列表。每个列表元素加载相同的页面。选定的列表项将变为粗体。在不包括加载部分的情况下，“粗体”部分可以正常工作。但是在包含加载部分的情况下，列表项只会加粗一秒钟然后消失。

这是代码。非常感谢任何提示。

$('.nav_main_body2 li').click(function(e) {
    e.preventDefault();
    $('.nav_main_body2 li').removeClass('selected');
    $(this).addClass('selected');
    $('.content_cnt').load('<?= base_url('home/subpages_subtabs'); ?>');
});

Answer 1

您是否使用 codeigniter base_url() 函数来生成 URL？如果是这样，您可能想使用它：

$('.nav_main_body2 li').click(function(e) {
    e.preventDefault();
    $('.nav_main_body2 li').removeClass('selected');
    $(this).addClass('selected');
    $('.content_cnt').load("<?php echo base_url(); ?>home/subpages_subtabs");
});

不要忘记先加载帮助程序：

$this->load->helper('url');

Answer 2

我认为下面的行有问题，因为字符串不正确

$('.content_cnt').load('<?= base_url('home/subpages_subtabs'); ?>');

尝试这个

$('.nav_main_body2 li').click(function(e) {
    e.preventDefault();
    $('.nav_main_body2 li').removeClass('selected');
    $(this).addClass('selected');
    $('.content_cnt').load("<?= base_url('home/subpages_subtabs'); ?>");
});