作为标题,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()是一个问题吗?
答案 0 :(得分:1)
type
标记的 script
属性应为text/javascript
而不是text-javascript
。目前,由于浏览器无法识别指定的type
,因此它不会将script
标记的内容解释为JavaScript。在HTML5文档中,type
属性是可选的,默认为text/javascript
,因此您也可以删除该属性。
使用其他
$(document).ready()
是否有问题?
不,不是。