jQuery插件在HTML中有效但是在JSP中失效

最新推荐文章于 2025-07-12 12:11:02 发布

原创最新推荐文章于 2025-07-12 12:11:02 发布 · 643 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#异常

异常处理专栏收录该内容

326 篇文章

订阅专栏

本文介绍在JSP页面中使用jQuery插件遇到的问题：由于JSTL和jQuery都使用$符号，导致插件无法正常工作。通过使用$.noConflict()并替换$为jQuery，成功解决了这一冲突。

错误

引入一个jQuery插件在HTML中有效果，但是在JSP中失效，没有报任何错误。

错误代码

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/page.js"></script>
    <script type="text/javascript">
        $.noConflict();
        $("#page").wrpage({
            pagesize: 16,
            wr_current: 1,
            cb: function(e) {
                console.log(e)
            }
        });
    </script>

原因

jQuery的function前面的$与JSP页面的JSTL的$冲突。

解决

$.noConflict();释放 jQuery 对 $ 变量的控制，把$地方换成使jQuery

正确代码

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/page.js"></script>
    <script type="text/javascript">
        $.noConflict();
        jQuery("#page").wrpage({
            pagesize: 16,
            wr_current: 1,
            cb: function(e) {
                console.log(e)
            }
        });
    </script>

其实就是把$改成jQuery了。