小编MWD*_*MWD的帖子

当与prototype.js一起使用时,Twitter Bootstrap 3下拉菜单消失

在magento网站上一起使用bootstrap 3和prototype.js时遇到问题.

基本上,如果你点击下拉菜单(我们的产品),然后单击背景上,在下拉菜单中(我们的产品)消失(prototype.js中增加了"显示:无;"给力).

以下是该问题的演示:http: //ridge.mydevelopmentserver.com/contact.html

你可以看到下拉菜单的工作方式应该没有,不包括下面链接页面上的prototype.js:http: //ridge.mydevelopmentserver.com/

有没有其他人之前遇到过这个问题或者有可能的冲突解决方案?

容易修复:

用这个bootstrap友好的文件替换Magento的prototype.js文件:

https://raw.github.com/zikula/core/079df47e7c1f536a0d9eea2993ae19768e1f0554/src/javascript/ajax/original_uncompressed/prototype.js

您可以在prototype.js文件中看到更改以修复引导程序问题:

https://github.com/zikula/core/commit/079df47e7c1f536a0d9eea2993ae19768e1f0554

注意:在prototype.js之前,JQuery必须包含在你的magento皮肤中.例如:

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/prototype/prototype.js"></script>
<script type="text/javascript" src="/js/lib/ccard.js"></script>
<script type="text/javascript" src="/js/prototype/validation.js"></script>
<script type="text/javascript" src="/js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="/js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="/js/scriptaculous/controls.js"></script>
<script type="text/javascript" src="/js/scriptaculous/slider.js"></script>
<script type="text/javascript" src="/js/varien/js.js"></script>
<script type="text/javascript" src="/js/varien/form.js"></script>
<script type="text/javascript" src="/js/varien/menu.js"></script>
<script type="text/javascript" src="/js/mage/translate.js"></script>
<script type="text/javascript" src="/js/mage/cookies.js"></script>
<script type="text/javascript" src="/js/mage/captcha.js"></script>
Run Code Online (Sandbox Code Playgroud)

magento prototypejs twitter-bootstrap twitter-bootstrap-3

40
推荐指数
5
解决办法
1万
查看次数

通过使用JQuery显示更多按钮,仅显示多个列中的前5个div

如何使用JQuery仅显示每列的前5次以及"更多"和"更少"链接以显示更多结果.

我所追求的类似于隐藏所有li元素并显示前2个并按钮切换它们 - 但我需要更多和更少的链接来显示/隐藏每个医生的所有时间段(即:更多/更少的链接应该显示/隐藏每个医生的7列上的所有时间,只需点击一下).

- 这就是现在看来的时间 -

- 这是我正在寻找的结果 -

- 我的HTML代码 -

<div class="appointmentDetails">
  <div class="staffInfo">
    <div>Dr John Doe</div>
  </div>
  <div class="appointmentInfo">
    <ul>
      <li>
        <div></div>
      </li>
      <li class="timeSlots bg">
        <div><a href="#">08:00</a></div>
        <div><a href="#">09:00</a></div>
        <div><a href="#">10:00</a></div>
        <div><a href="#">11:00</a></div>
        <div><a href="#">12:00</a></div>
        <div><a href="#">13:00</a></div>
        <div><a href="#">14:00</a></div>
        <div><a href="#">15:00</a></div>
        <div><a href="#">16:00</a></div>
        <div><a href="#">17:00</a></div>
        <div><a href="#">18:00</a></div>
      </li>
      <li class="timeSlots">
        <div><a href="#">08:00</a></div>
        <div><a href="#">09:00</a></div>
        <div><a href="#">10:00</a></div>
        <div><a href="#">11:00</a></div>
        <div><a href="#">12:00</a></div>
        <div><a href="#">13:00</a></div>
        <div><a href="#">14:00</a></div>
        <div><a href="#">15:00</a></div>
        <div><a href="#">16:00</a></div>
        <div><a href="#">17:00</a></div>
        <div><a href="#">18:00</a></div>
      </li>
      <li …
Run Code Online (Sandbox Code Playgroud)

jquery

5
推荐指数
1
解决办法
2965
查看次数

在print.phtml中显示Magento订单注释(客户可打印订单)

只是想知道是否有人知道如何在客户可打印的订单上显示评论 - http://www.mydomain.com/sales/order/print/order_id/48/

我可以看到我需要编辑的文件是"/public_html/app/design/frontend/default/mytemplate/template/sales/order/print.phtml",但我不确定需要添加哪些代码来显示注释.

仅供参考:我们正在使用此扩展程序在订单页面上显示订单评论框 - http://www.magentocommerce.com/magento-connect/catalog/product/view/id/10860/.订单注释已成功显示在订单电子邮件中,但我们还需要将它们显示在客户订单页面上.

在此先感谢您的帮助:)

magento

1
推荐指数
1
解决办法
1万
查看次数