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

最新推荐文章于 2023-08-19 11:52:53 发布

二木成林

最新推荐文章于 2023-08-19 11:52:53 发布

阅读量559

点赞数

分类专栏：异常处理文章标签：异常

本文链接：https://blog.csdn.net/cnds123321/article/details/102521850

版权

异常处理专栏收录该内容

305 篇文章 9 订阅

订阅专栏

错误

引入一个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了。