jquery 加载时能用,加载完成后不能使用或报错

遇到一问题在加载的时候去触发事件,JS效果成功显示,当加载完成后却不再起作用。经与同事研究,且查看火狐的网络请求,原来是JS文件冲突。

能用是因为正在加载的文件正是外部链接的JS地址,其实本地已经有了。所以加载完后就冲突了。无法使用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果在使用 Vue 2.6 和 Bootstrap Select 插件时出现 `selectpicker is not a function` 的错误,可能是因为 jQuery 和 Bootstrap Select 插件没有正确引入或者初始化。以下是一些可能导致此错误的原因和解决方法: 1. 没有正确引入 jQuery 库和 Bootstrap Select 插件。 确保在 HTML 文件中正确引入了 jQuery 库和 Bootstrap Select 插件的 JavaScript 文件。可以使用 CDN 或者下载到本地引入。 ```html <!-- 引入 jQuery 库 --> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <!-- 引入 Bootstrap Select 插件 --> <link rel="stylesheet" href="/path/to/bootstrap-select.min.css"> <script src="/path/to/bootstrap-select.min.js"></script> ``` 2. 没有等待 DOM 加载完成再初始化 Bootstrap Select 插件。 确保在 Vue 实例中使用 `mounted` 钩子函数来初始化 Bootstrap Select 插件,并且在该钩子函数中等待 DOM 加载完成。可以使用 `jQuery.ready()` 方法或者 `window.onload` 事件来等待 DOM 加载完成。 ```html mounted() { $(document).ready(() => { $('.selectpicker').selectpicker() }) // 或者 window.onload = () => { $('.selectpicker').selectpicker() } } ``` 3. Bootstrap Select 插件没有正确初始化。 确保在 Vue 实例中的 `mounted` 钩子函数中正确初始化 Bootstrap Select 插件。可以使用 `$('.selectpicker').selectpicker()` 方法来初始化 Bootstrap Select 插件,其中 `'.selectpicker'` 是下拉选择框的 CSS 选择器。 ```html mounted() { $('.selectpicker').selectpicker() } ``` 通过以上几个步骤,应该可以解决 `selectpicker is not a function` 的错误。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值