首页 > 解决方案 > 如何将 jquery 代码从 onclick 更改为始终显示内容

问题描述

我想始终显示评论部分。现在用户必须单击以启动 javascript 代码以显示内容(onclick)。对“onload”的简单更改不起作用。我尝试过这个。

//显示评论

function reviews_show(value) {
    jQuery.ajax({
        type:'POST',
        url:'<?php echo site_root?>/members/reviews_content.php',
        data:'id=' + value,
        success:function(data){
            if(document.getElementById('comments_content'))
            {
                document.getElementById('comments_content').innerHTML = data;
            }
        }
    });
}

.tpl 页面上的 html 代码:

<li><a href="#comments_content" data-toggle="tab" onclick="reviews_show({ID});">Comments</a></li>
    </ul>

    <div class="tab-content">

      <div class="tab-pane" id="comments_content"></div> </div>  

标签: phphtmljqueryajax

解决方案


如果您的意思是总是 -> 在页面加载时 -> 那么这就是答案:

document.addEventListener("DOMContentLoaded", function(event) {
    var value='{ID}';     // use value variable for your ID here

    jQuery.ajax({
        type:'POST',
        url:'<?php echo site_root?>/members/reviews_content.php',
        data:'id=' + value,     // or replace to => data:'id={ID}',
        success:function(data){
            if(document.getElementById('comments_content'))
            {
                document.getElementById('comments_content').innerHTML = data;
            }
        }
    });
});

编辑:当然这只是一个示例,如何使浏览器在Page Loaded Completed上执行 jQuery.ajax 。我编辑了代码并将其var value='{ID}'用于您的示例。确保已插入您的 ID(因为它之前已插入到您的onclick="reviews_show({ID});".


推荐阅读