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

我认为由于字符串不正确而在下面的行中存在问题

$('.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'); ?>");
});

Answer 2

您是否使用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");
});

不要忘记先加载helper：

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

Jquery效果只能快速显示并且不会停留

2 个答案: