jQuery addClass()在PHP中不起作用,其中包含加载jQuery的header.php

时间:2014-09-11 21:42:01

标签: php jquery addclass

作为标题,addClass()在这个php文件中不起作用。

http://wafflemaker.kr/ykrf/forum2011/forum2011.php

    <h3 class="fs12 read-more-toggle ti20">Read more</h3>
    <script type="text-javascript">
    $(document).ready(function(){
            $('.read-more-content').addClass('hide');
            // Set up the toggle.
            $('.read-more-toggle').on('click', function() {
              $(this).next('.read-more-content').toggleClass('hide');
            }); 
    }); 
    </script>       
    <div class="read-more-content pd20" style="border: 1px dotted #444444;">
        <p class="fs12 al_justify">Recent years, natural and men-made disasters are frequently  attacking almost all around the world. Disasters occured in our three countries recently are driving more and more people' s attention to the precaution and emergence responses.</p>

class&#34; hide&#34;表示display:none,它在CSS中定义良好。 在forum2011.php的顶部,它包含header2.php,其中包含

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js?ver=3.2.1"></script>
    <script type="text/javascript" src="http://wafflemaker.kr/ykrf/js/ui/jquery.effects.core.min.js"></script>
    <script type="text/javascript" src="http://wafflemaker.kr/ykrf/js/ui/jquery.ui.core.min.js"></script>

适用于header2.php中元素的jQuery函数运行良好,但对于forum2011.php中的元素完全没有效果。

这是因为一个页面中的jQuery脚本标记没有到达包含它的页面吗? 另外,现在我已经在header2.php中拥有$(document).ready()。在forum2011.php中使用另一个$(document).ready()是一个问题吗?

1 个答案:

答案 0 :(得分:1)

type标记的

script属性应为text/javascript而不是text-javascript。目前,由于浏览器无法识别指定的type,因此它不会将script标记的内容解释为JavaScript。在HTML5文档中,type属性是可选的,默认为text/javascript,因此您也可以删除该属性。

  

使用其他$(document).ready()是否有问题?

不,不是。