javascript - 从 json 加载页面后脚本不起作用
问题描述
我有一个购物网站,其中的商品和产品是从 JSON 加载的。
问题是页面加载后脚本不起作用。
如果项目在页面上加载有点晚,此时脚本无法识别项目,然后它就不起作用。
你能帮帮我吗?
$(document).ready(function() {
document.querySelectorAll('.addtocart').forEach(button => {
button.addEventListener('click', e => {
e.preventDefault()
button.innerHTML = "<span style='transform:none;'>Successfully added</span>";
button.disabled=true
})
})
});
解决方案
由于您使用的是 jquery,因此您可以只使用内置的委托。
$(document).ready(function() {
$(document).on("click", ".addtocart", function(e) {
e.preventDefault()
$(this).html("<span style='transform:none;'>Successfully added</span>");
$(this).prop("disabled",true);
});
});
推荐阅读
- laravel - 渲染模型时,如何默认使用刀片模板而不是 json?
- c# - 如何减少变量的总和,同时保持变量之间的比例
- database - 需要将数据从“推送警报”插件导入另一个
- android - 如何旋转可组合并将进度侦听器添加到旋转中?
- flutter - 以自定义格式显示日期 -Flutter
- google-apps-script - Google Apps 脚本 CardService 开关值不在字段输入中
- oat++ - 未使用 oat++ 加载图像
- swift - 如何在 swift 中单击按钮时更改 collectionView 单元格布局?
- robotframework - 滚动到视图中。带有框架的robotframework“浏览器”库
- redirect - 我可以排除 301 重定向中的文件夹,使其仅影响部分网络吗?