回显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" />

这意味着当您单击按钮时，您的页面将自动刷新。如果您想使用点击事件，请使用：

<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 等发生冲突。