Question

我想创建一个按钮，单击时可切换div元素。当我单击按钮时，我的网站上没有任何反应。我认为$（this）选择器存在问题，但我无法猜测原因。该代码正在jsfiddle https://jsfiddle.net/06j3kug8/

上运行

HTML

<a class="btn btn-primary flip">Spoiler</a>
<div class="spoiler">test</div>

CSS

.spoiler { display:none }

页脚脚本

<script type="text/javascript">

jQuery.noConflict();

jQuery(function($){

    $(".flip").on("click",function(){
       $(this).next().slideToggle();
    });


 });
 </script>

Answer 1

我认为您在底部叫jquery.js，请放在顶部，然后在您的jquery自定义代码之前，如下所示：-

工作正常：-

该代码正在jsfiddle上运行，因为在自定义jquery代码的顶部和顶部已经有jquery.js了。

jQuery.noConflict();

jQuery(function($){

    $(".flip").on("click",function(){
       $(this).next().slideToggle();
    });


 });

.spoiler { display:none }

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class="btn btn-primary flip">Spoiler</a>
<div class="spoiler">test</div>

jQuery切换$（this）中的下一个元素

1 个答案: