Javascript 使用jQuery切换答案的常见问题页面不'；t在joomla模块中工作_Javascript_Jquery_Joomla

Javascript 使用jQuery切换答案的常见问题页面不'；t在joomla模块中工作

javascript jquery joomla

Javascript 使用jQuery切换答案的常见问题页面不'；t在joomla模块中工作,javascript,jquery,joomla,Javascript,Jquery,Joomla,我有这个代码，我想在joomla网站上使用它。我一直试图使用codemirror、jce或根本不使用编辑器将其放入文章或模块中，但切换根本不起作用，因此答案不会显示。我也试着把它放到一个iframe中，但自动高度有问题，没有足够好的修复。任何帮助都将受到高度赞赏，因为在48小时的网络搜索解决方案后，我现在似乎陷入了死胡同。提前谢谢 <script src="diabetes-faq/js/jquery-1.9.1.min.js"></script> <sc

我有这个代码，我想在joomla网站上使用它。我一直试图使用codemirror、jce或根本不使用编辑器将其放入文章或模块中，但切换根本不起作用，因此答案不会显示。我也试着把它放到一个iframe中，但自动高度有问题，没有足够好的修复。任何帮助都将受到高度赞赏，因为在48小时的网络搜索解决方案后，我现在似乎陷入了死胡同。提前谢谢

<script src="diabetes-faq/js/jquery-1.9.1.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#faq-list h2').click(function() {

                $(this).next('.answer').slideToggle(500);
                $(this).toggleClass('close');

            });
        }); // end ready
    </script>
<body>
<div id="wrapper">
<div id="main">
           <section id="faq-list">

                <h2>Question No1</h2>
                <div class="answer">
                    <p>blah blah blah</p>
                </div>


                <h2>Question No2</h2>
                <div class="answer">
                    <p>blah blah </p>
                </div>


                <h2>Question No3</h2>
                <div class="answer">
                    <p>blah blah blah</p>
                </div>

</section>
</div>
</div>
</body>


$（文档）.ready（函数（）{
$（“#常见问题解答列表h2”）。单击（函数（）{
$（this）.next（'.answer'）.slideToggle（500）；
$（this.toggleClass（'close'）；
});
}); // 准备就绪
问题1
废话废话
问题2
废话
问题3
废话废话

只需将此作为正确答案添加，以便更容易查看。您提到了jQuery和Mootools之间的冲突

在这种情况下，您是对的，全局范围应该是changes，但您也可以使用get传递的别名

另外，如果您使用的是Joomla3.x，那么不要导入您自己的jQuery副本。我写了一个回复，显示了如何在Joomla 2.5和3.x中导入jQuery：

至于脚本，我建议使用以下内容：

<script>
    jQuery(document).ready(function($) 
    {
        $('#faq-list h2').on('click', function() 
        {                
            var $self = $(this);

            $self.next('.answer').slideToggle(500);
            $self.toggleClass('close');

        });
    });
</script>

致：

不要开始向Joomla文章或模块添加自定义代码。它不是这样工作的。您需要使用一个扩展名，如Nonumberer提供的Sourcerer，谢谢您的建议！我刚试过巫师。如果我理解正确，我唯一要做的就是将整个代码放在{source}{/source}标记之间。不幸的是，这没有任何区别。隐藏/显示仍然不起作用：（除了源代码的开始/结束标记之外，我还需要做其他事情吗？JQuery和mootools之间似乎存在冲突，用JQuery（）替换$（）部分解决了这一问题。）。它以某种方式破坏了css，但它起了作用，并使答案隐藏/显示。我只希望我能修复css样式回到原来的样子！谢谢你的麻烦！我会检查你提出的脚本，明天我会回来提供一些有用的反馈。我可以问一下你提到的别名吗？请原谅我的无知，但我仍然是一个rooki我刚开始学习javascript和php，除了html和css之外。我回来后得到了一些反馈。你的脚本工作得很好，我用你的方法导入了jQuery，以防止jQuery的多个副本，所以谢谢你！我仍然在处理混乱的css时遇到一些问题，我正在尝试找出该怎么做。@vagiag-这个脚本不应该弄乱任何CSS。哪个CSS被弄糟了？你能提供一个到你网站的链接吗？当然可以…你可以在这里看到问题：。我解决了颜色问题，但当我点击+号显示答案时，我仍然无法修复答案的对齐。我应该告诉我注意，当我使用来自joomla的相同代码时，一切正常fine@vagiag-我应该看哪一点？

h2.close {
    float: left;
}

h2.close {
    float: none;
}