使用 mootools 和 joomla 发出警报答案

【问题标题】：alert with mootools and joomla使用 mootools 和 joomla 发出警报
【发布时间】：2012-11-07 12:41:28
【问题描述】：

我必须尝试使用 mootools 和 joomla 2.5 进行一些非常简单的操作，但不起作用。

我只有在单击菜单链接时才能显示警报

我只想显示一个警报，firebug 不重新识别任何错误但不显示警报。

 window.addEvent('domready', function() {
            var opt = {
                slides: 'sliders',
                duration: 1500,
                auto: true,
                delay: 5000,
                buttons: {next:'go-prev', prev:'go-next'},
                transition: Fx.Transitions.Quint.easeOut
            }
            var scroller = new QScroller('carrusel', opt);
            scroller.load();

          $$('.item-1 a').addEvent('click', function(event){
                alert('clicked!');
            });

        });
        </script>

<ul class="menu">
<li class="item-1">
<a href="/index.php/descripcion">Click here!</a></li>

</ul>

解决办法

window.addEvent('domready', function() {
$$('.item-1 a').addEvent('click', function(event){
                alert('clicked!');
            });

            var opt = {
                slides: 'sliders',
                duration: 1500,
                auto: true,
                delay: 5000,
                buttons: {next:'go-prev', prev:'go-next'},
                transition: Fx.Transitions.Quint.easeOut
            }
            var scroller = new QScroller('carrusel', opt);
            scroller.load();



        });
        </script>

【问题讨论】：

尝试将item-1 类添加到<a>

标签： joomla mootools

【解决方案1】：

你的代码有语法错误试试这个-

JSFIDDLE

window.addEvent('domready', function(event) {
 $$('.item-1').addEvent('click', function(event){
                    alert('clicked!');
     event.stop();
 });
});

【讨论】：

【解决方案2】：

$$('a').addEvent('click', function(event){
    event.stop();
    alert('clicked!');
});

jsFiddle

试试上面的代码告诉我

【讨论】：

嗨@Dasun，感谢您帮助我找到解决方案。我修改了问题以更好地解释。我的索引中有代码，但是如果我移动到其他文件，例如在组件内部不起作用