错误:回显jsoncallback时未运行代码jquery

Question

在文件index.php中，我使用代码：

<?php
$str = "<script src='click.js'></script>"
$str .= '<div class="box_content_reset"><input type="submit" value="reset" class="reset" /></div>';
echo $_GET["jsoncallback"] . '(' . json_encode($str) . ');';
?>

在文件click.js中，我使用代码：

<script>
        jQuery(document).ready(function($) { 
            $(".reset").click(function() {
                alert("Jquery running ...");
            });
        });
    }
})(); 
</script>

=>结果没有运行jquery，如何修复？

Answer 1

您正在使用：

<input type="submit" value="reset" class="reset" />

这意味着当你点击按钮时，你的页面会自动刷新。如果要使用click事件，请使用：

<input type="button" value="reset" class="reset" />

使用您的js文件

<script>
    jQuery.noConflict();
    jQuery(document).ready(function($) { 
        jQuery(".reset").click(function() {
            alert("Jquery running ...");
        });
    });
}
})(); 
</script>

jQuery.noConflict();，这样你的代码就不会与mootools等发生冲突。