Java 脚本代码不起作用

Java script code Not working

本文关键字：不起作用 代码 脚本 Java      更新时间：2023-09-26

在此代码中 在 lioading 期间仅显示第 1 部分。 当单击更多部分 html 代码显示
时但是遵循Java脚本不起作用。如果有人有解决方案，请回答。

     <div class="box">
 <h2 > west delhi</h2>
 <span class=" first-paragraph teaser ">Part 1 </span>
 <span class="toggle" style="display: none;">  Part 2</span>
  <a href="javascript:void(0)" class="moreBtn" style="color:#ff0000;">more...</a>
</div> 



<script src="js/return_city_name.js"> document.readyState()</script>
    <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider-min.js">   </script>
    <script type="text/javascript" src="js/select.min.js"></script>
    <script type="text/javascript" src="js/owl.carousel.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
     <script>
        $(document).ready(function () {
            $(".box .moreBtn").click(function () {
                $(this).parent('.box').find(".toggle").toggle(); 
                if($(this).parent('.box').find('.toggle').css('display')=='none'){
                    $(this).text('more');
                }else{
                    $(this).text('less');
                }
            });
        });
    </script>

你需要将jQuery添加到你的代码中。

下载（http://jquery.com/download/）并在HTML标题部分中引用它：

<script src="jquery-1.12.0.min.js"></script>

或者使用其中一个 CDN：

谷歌：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

Microsoft：

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js"></script>

它在这里工作

$(document).ready(function() {
  $(".box .moreBtn").click(function() {
    $(this).parent('.box').find(".toggle").toggle();
    if ($(this).parent('.box').find('.toggle').css('display') == 'none') {
      $(this).text('more');
    } else {
      $(this).text('less');
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="box">
  <h2> west delhi</h2>
  <span class=" first-paragraph teaser ">Part 1 </span>
  <span class="toggle" style="display: none;">  Part 2</span>
  <a href="javascript:void(0)" class="moreBtn" style="color:#ff0000;">more...</a>
</div>

这是你想要的吗？还是需要别的东西？

相关文章：