需要双击活动标签才能执行或显示我的数据表

问题描述

我对此感到困惑，为什么我需要双击<li>标签来执行我的JavaScript。我有一个项目列表，当我单击它时，数据表将显示一些数据。我在onClick标签中添加了一个动作<li>，并在有活动标签时获取了ID。

这是我的<li>标签的结构：

<ul class="nav nav-pills nav-stacked nav-inBox">
    <?PHP
        $active = false;
        foreach ($job_details as $key => $job_detail) {                    
    ?>  
        <li class="<?= $active == false ? 'active' : ''; ?> jobs-item" data-jobid="<?PHP echo $job_detail->id ?>">
            <a data-toggle="tab">
                <?= $job_detail->position; ?> &nbsp;<span class="spnies"></span>
            </a>
        </li>
    <?PHP
        $active = true;
        } 
    ?>
</ul>

然后这是我的代码，在该代码中，我将获得一个活动的单击的<li>标签的ID，并显示我的数据表：

$(".nav-pills").click(function(){
    var get_job_id = ($(this).find(".active").data("jobid"));           
    load_applicant_content(get_job_id,1);
    $(document).on("click",".pagination li a",function(event) {
        event.preventDefault();
        let page = $(this).data("ci-pagination-page");                      
            load_applicant_content(get_job_id,page);            
    });
})

当我查看浏览器网络时，当我单击<li>时，它将执行我的代码，但不呈现视图。当我双击<li>标记时，它便可以实现我想要的功能。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html javascript onclick