【问题标题】:Toggle divs and Mootools - same script and style but different effect切换 div 和 Mootools - 相同的脚本和样式但不同的效果
【发布时间】:2013-08-23 01:26:57
【问题描述】:

我可能被简单的事情困住了,但是花了两天时间没有找到任何解决方案。一般来说,我为我的主题编写了 mootools 脚本,它适用于某些 div。 HERE 是问题的链接。

当您登录时(用户:demo,pass:demo),您将在消息下方看到按钮:谁说谢谢附件和很长的按钮COM_KUNENA_BUTTON_QUICK_REPLY_reply(名称不重要,只是漏掉了语言字符串)。

所以当你点击谁说谢谢附件按钮时,隐藏的 div 会出现(或关闭)。长按钮也会发生同样的情况,并在消息下方显示快速回复表单(已显示)。这是我不知道如何解决的问题。按钮被包裹在 div 中,带有触发脚本的类。不幸的是,其中一个工作不正确。

我检查了 FIDDLE我网站上使用的 div 中仅包含部分脚本)并且无法完美重现问题)

请帮忙

【问题讨论】:

  • 你搞定了吗?
  • @Sergio 是的,但是使用 onClick="return false; .style.display = 'block' 来完成这项工作,但使用在 Joomla 中实现的 MooTools 会做得更好,并且在此代码中 jsfiddle.net/AgpbL 行以 var qreply = $$('.quick-reply'); 开头
  • 也更新了这个答案,您可以在 exthemes1.js 文件的 DOMready 函数中添加此代码
  • 我认为.reveal() 更类似于您在其他 div 中的滑动/淡入功能,而不仅仅是 display:block;

标签: javascript mootools show-hide slidetoggle togglebutton


【解决方案1】:

你可以用这个:

document.getElements('a[data-target^="#quick-reply"]').addEvent('click', function(ev){ 
    ev.preventDefault(); 
    this.reveal(); 
});

并删除 html 中的 onClick="return false; .style.display = 'block'

【讨论】:

  • 再次感谢塞尔吉奥!这真的很有帮助,尤其是您对我的 [previous question]stackoverflow.com/questions/18552790/… 的回答,它不一定是冲突,而只是一个复杂的页面。你太棒了:)
  • @Ireek,不客气。我喜欢 Mootools,所以我会为这些问题多加努力 :) 如果你愿意,你也可以投票给我的答案;)
  • 当然,你值得拥有!
猜你喜欢
  • 1970-01-01
  • 2021-09-23
  • 1970-01-01
  • 1970-01-01
  • 2012-06-24
  • 1970-01-01
  • 2012-06-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多