Question

我的 Div id = refresh

在同样的 Div 中，我有一个验证条件的 PHP 代码：

<?php

    if (true)
    {
        // Show "checkbox" with "id = box"
    }
    else
    {
        // Hide "checkbox" with "id = box"
        // Do something to validate condition, I do it using Jquery and Ajax Call to a PHP Script, in success return I reload the "Div" with "id = refresh", everything work fine and PHP code in "Div" with "id = refresh" show that condition in true and show the "checkbox" with "id = box"
    }

?>

之后我会在选中或取消选中复选框时运行jquery脚本，但这不起作用！

但是当我重新加载页面时，如果 Div 中的 id = refresh 的PHP条件为真，则Jquery脚本将正常工作。

我无法理解为什么需要重新加载此页面！

如要求

$ (document).ready (function ()
{
    // Check If Checkbox Checked
    $ ("#box").click (function ()
    {
        if ($ (this).is (":checked"))
        {
            $ ("#form").show ();
        }
        else
        {
             $ ("#form").hide ();
        }
    });
});

页面重新加载后，这项工作正常！

Answer 1

只需将您的js代码更改为：

$ (document).ready (function ()
{
    // Check If Checkbox Checked
    $(document).on('change', '#box', function(){
        if ($ (this).is (":checked"))
        {
            $ ("#form").show ();
        }
        else
        {
             $ ("#form").hide ();
        }
    });

});

Jquery在页面重新加载之前没有运行

1 个答案: