Javascript Java脚本代码不工作
在本代码中,在加载期间仅显示第1部分。 当单击html代码显示的多个部分时Javascript Java脚本代码不工作,javascript,Javascript,在本代码中,在加载期间仅显示第1部分。 当单击html代码显示的多个部分时 但下面的Java脚本不起作用。如果有任何一个解决方案,请回答 <div class="box"> <h2 > west delhi</h2> <span class=" first-paragraph teaser ">Part 1 </span> <span class="toggle" style="display: none;">
但下面的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>
西德里
第一部分
第二部分
document.readyState()
$(文档).ready(函数(){
$(“.box.moreBtn”)。单击(函数(){
$(this).parent('.box').find(“.toggle”).toggle();
if($(this).parent('.box').find('.toggle').css('display')='none')){
$(this.text('more');
}否则{
$(this.text('less');
}
});
});
您需要将jQuery添加到代码中
下载()并在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>
微软:
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js"></script>
它在这里工作
$(文档).ready(函数(){
$(“.box.moreBtn”)。单击(函数(){
$(this).parent('.box').find(“.toggle”).toggle();
if($(this).parent('.box').find('.toggle').css('display')='none'){
$(this.text('more');
}否则{
$(this.text('less');
}
});
});代码>
西德里
第一部分
第二部分