【问题标题】:Bootstrap jquery methods Magento's prototype libBootstrap jquery 方法 Magento 的原型库
【发布时间】:2012-10-05 09:16:43
【问题描述】:

想知道是否有人遇到过这个问题。 我已经很好地将 Bootstrap 集成到我正在构建的 Magento 主题中,一切都很好。

也就是说,直到我尝试使用手风琴功能。查找原型库方法而不是 jQuery 的代码似乎存在问题。我已经尝试了通常的修复,$ - jQuery 并且没有冲突,但它只在我禁用原型库时才有效 - 这显然不好。

有没有人遇到过这个问题,可以在工作回合中给我建议吗?目前我已经放弃使用 Scriptaculous 来演奏手风琴了。

【问题讨论】:

  • 显示您的控制台。火狐 & chrome = ctrl+shift+j
  • 你确定你在包含 jQuery 之后,在运行任何其他代码之前立即执行了jQuery.noConflict 吗?
  • 您好 jS 触发但错误地因为它使用原型库而不是 jquery 库。我认为。这是网址onebellmag.preview3.co.uk/magento/content/terms-conditions

标签: magento twitter-bootstrap prototype jquery


【解决方案1】:

我怀疑这是由于 Magento 前端和管理区域中使用的原型中的过渡冲突而发生的。

请看:Twitter Bootstrap Transition Conflict prototypejs

您可以试试这个库:https://github.com/jwestbrook/bootstrap-prototype,看看它是否能解决您在使用手风琴时遇到的问题。

【讨论】:

    【解决方案2】:

    在 Magento 中使用 jQuery 有时会很棘手。我通常会做类似的事情:
    jquery-ui-1.8.9.noconflict.min.js

    并将jQuery.noConflict() 放在文件末尾。

    还要确保 jQuery 是在 原型加载后加载的,并且任何页面上只包含 1 个版本的 jQuery。

    我通常喜欢一直使用 jQuery 而不是 $,但我想匿名函数也应该可以工作:

    (function($) {  /* use $ here */  })(jQuery);
    

    【讨论】:

      【解决方案3】:

      使用下面的 js 文件代替 bootstrap.js 或 bootstrap.min.js 来获取解决方案。

      1. jquery.js
      2. 美化.js
      3. bootstrap-transition.js
      4. bootstrap-alert.js
      5. bootstrap-modal.js
      6. bootstrap-dropdown.js
      7. bootstrap-scrollspy.js
      8. bootstrap-tab.js
      9. bootstrap-tooltip.js
      10. bootstrap-popover.js
      11. bootstrap-button.js
      12. bootstrap-collapse.js
      13. bootstrap-carousel.js
      14. bootstrap-typeahead.js
      15. application.js 更多(如果需要)。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-07-13
        • 2013-11-08
        • 1970-01-01
        相关资源
        最近更新 更多