Question

$(document).ready(function () {
    var j = jQuery.noConflict();
    j(document).ready(function () {
        j(".refresh").everyTime(2000, function (i) {
            j.ajax({
                url: "refresh.php",
                cache: true,
                success: function (html) {
                    j(".refresh").html(html);
                }
            })
        })
    });

    j('.refresh').css({
        color: ""
    });
});

<?php
    echo time();
?>

它适用于在特定时间间隔后刷新页面。我希望在点击特定div后它能够正常工作。

Answer 1

您可以将代码放在click处理程序中。像这样：

$(document).ready(function () {
    var j = jQuery.noConflict();
    j(".refresh").everyTime(2000, refreshDiv)
    j('#myDiv').click(refreshDiv);

    j('.refresh').css({
        color: ""
    });

    function refreshDiv() {
        j.ajax({
            url: "refresh.php",
            cache: true,
            success: function (html) {
                j(".refresh").html(html);
            }
        });
    }
});

请注意，我将逻辑解压缩到自己的函数中，因此可以从代码的不同部分调用它。我还删除了无意义的重复DOMReady处理程序。

Answer 2

这只是一个简单的

但你需要修改它

$(document).ready(function(){

        $('.refresh').on('click', function(){

            $.ajax({
                url: "refresh.php",
                cache: true,
                success: function (html) {
                    j(".refresh").html(html);
                }
            });

        });

    });

当我点击该div时刷新一个特定的div。没有重新加载整个页面。我特别希望它使用onclick函数

2 个答案: