【问题标题】:none of the jquery functions work even the correct files are loaded即使加载了正确的文件,jquery 函数也不起作用
【发布时间】:2015-01-05 04:04:16
【问题描述】:

我遇到了一个奇怪的问题。我刚刚在我的服务器上重新安装了 Opencart,由于某种原因,所有 jquery 功能都不起作用.. 滑块、弹出窗口甚至添加到购物车按钮甚至一个简单的警报框都不起作用(我创建了一个带有 ID 测试的按钮)

$( "#test" ).click(function() {
alert( "clicked" );
});

以下是主题文件的加载方式

    <script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    <script src="catalog/view/theme/theme2/js/bootstrap.js"></script>
    <script src="catalog/view/theme/theme2/js/jquery.formstyler.js"></script>
    <script src="catalog/view/theme/theme2/js/jquery.carouFredSel-6.2.0-packed.js"></script>
    <script src="catalog/view/theme/theme2/js/jquery.touchSwipe.min.js"></script>
    <script src="catalog/view/theme/theme2/js/jquery.cookie.js"></script>
    <script src="catalog/view/theme/theme2/js/jquery.minicolors.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/common.js"></script>
    <script src="catalog/view/theme/theme2/js/script.js"></script>

检查了所有文件,它们都正确放置。没有丢失的文件。都是新上传的。

我什至改成了默认主题,没有动过,但还是一样。当我什至点击添加到购物车或任何其他按钮时它不起作用

我尝试使用和不使用 www 访问该站点,但仍然无法正常工作

主要问题是它没有通过控制台或萤火虫显示任何错误,这使得调试变得困难。谁能告诉我这可能是什么原因造成的?

【问题讨论】:

  • 哇,这太可怕了……标头请求太多
  • 发布链接,我们可以看到问题。
  • 由于click函数只能由基础jQuery文件提供,您能否尝试通过删除除第一个之外的所有脚本标签来隔离问题?
  • 1.打开你的网站 2. 打开 JS 控制台 3. 输入 console.log($("body").html()); 4. 利润(jQuery 似乎在这里工作)--- 右键单击​​被阻止... booooh --- 我试图用id="test" 搜索一个元素在您的页面中,找不到它
  • @pixeline 我将 url 添加到站点 - 我从默认更改为主题。奇怪的是,滑块在页面加载时工作,一旦加载它就根本不工作。就是这样,没有其他工作了

标签: javascript jquery opencart


【解决方案1】:

页面加载时按钮#test 不存在,因此 .click() 函数无法识别它。 尝试使用 .on():

$(document).on('click', '#test', function() {
    alert("clicked");
}); 

【讨论】:

  • 实际上我在默认主题中创建了它来测试添加到购物车的功能 - 即使我点击它也没有任何反应。你可以在这里看到问题goo.gl/7d645j 如果点击添加到购物车或选择下拉菜单没有任何反应..
  • 该链接对我有用,您需要在点击添加到购物车之前选择尺寸和香味。我在 Chrome windows 7 上测试过
【解决方案2】:

尚无法评论 SO,但@LiveEn,我测试了您的链接,它适用于 Chrome x64 v39,Win。 8.1.

Onclick 加入购物车:尺寸:* 需要尺寸!

点击尺寸选择:下拉菜单

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-08-13
    • 2019-12-13
    • 1970-01-01
    • 1970-01-01
    • 2023-04-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多