Jquery 引导滑块移除</a>;当它加载时
我在使用引导滑块时遇到了一个奇怪的问题,据我所知,我在每张幻灯片中都添加了href 我已经准备好了一切,它应该可以工作了,它可以工作,如果我在Chrome中查看源代码,我会看到:Jquery 引导滑块移除</a>;当它加载时,jquery,html,twitter-bootstrap,Jquery,Html,Twitter Bootstrap,我在使用引导滑块时遇到了一个奇怪的问题,据我所知,我在每张幻灯片中都添加了href 我已经准备好了一切,它应该可以工作了,它可以工作,如果我在Chrome中查看源代码,我会看到: <div id="gallery" style="width:397px!important"> <div style="width:397px!important" id="myCarousel" class="carousel slide"> <ol class="caro
<div id="gallery" style="width:397px!important">
<div style="width:397px!important" id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
</ol>
<div class="carousel-inner">
<div style="width:397px!important" class="active item"> <a target="_blank" href="https://www.reservon.es"> <img src="http://localhost/reservasHosteleria/central/images/dominiosRG/34/slide1.png"/></a> </div>
<div style="width:397px!important" class="item" <a href="http://localhost/reservasHosteleria/central/eventosPub/dealle/2"> <img src="http://localhost/reservasHosteleria/central/images/dominiosRG/2/slide2.png"/> </a> </div>
<div style="width:397px!important" class="item" <a target="_blank" href="www.marca.com"> <img src="http://localhost/reservasHosteleria/central/images/dominiosRG/10/slide3.png"/> </a> </div>
<div style="width:397px!important" class="item" <a href="http://localhost/reservasHosteleria/central/eventosPub/dealle/83"> <img src="http://localhost/reservasHosteleria/central/images/dominios/83/slide4.png"/> </a> </div>
<div style="width:397px!important" class="item" <a target="_blank" href="http://www.yahoo.es"> <img src="http://localhost/reservasHosteleria/central/images/dominios/20/slide5.png"/> </a> </div>
<div style="width:397px!important" class="item" <a href="http://localhost/reservasHosteleria/central/eventosPub/dealle/28"> <img src="http://localhost/reservasHosteleria/central/images/dominiosRG/28/slide5.png"/> </a> </div>
</div>
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.carousel').carousel();
});
</script>
这些编码不正确。div(.item)末尾缺少插入符号
您在
中缺少结束标记
你在开玩笑吗?当然是缺少字符,这就是问题所在,在我的代码中,正如我所说的,只要加载网页,如果你用Chrome查看源代码,锚的结束标记就在它们的位置上,但是如果你用Chrome inspector检查代码,除了第一个,每个人都没有锚的结束标记,这就是问题所在。S0当另一个人,Rohil_PHPBeginner,评论你没有在你的书面代码中关闭你的div标签,你说对不起,但当我指出时,你说你在开玩笑?世界跆拳道联盟?您发布了应该由您在第一个块中编写的代码,但它缺少一个结束div闭包,如果您不知道,这在设置任何html代码时都是一个问题。当你真的发布了错误的代码时,你对请求帮助的人非常粗鲁。为什么你的标签没有关闭?你说得对,我很累,没有看到。。。sozGlad这对你有用!请接受我的回答!请以后使用更好的标签。另外,停止使用“bootstrap”,使用“twitter bootstrap”,因为它意味着其他东西。在我的回答中也向他指出,然而我得到了一个“u开玩笑”,然而一些人想知道我们为什么要写…(叹气)
<div id="gallery" style="width:397px!important">
<div style="width:397px!important" id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
</ol>
<div class="carousel-inner">
<div style="width:397px!important" class="active item"> <a target="_blank" href="https://www.reservon.es"> <img src="http://localhost/reservasHosteleria/central/images/dominiosRG/34/slide1.png"/> </a></div>
<div style="width:397px!important" class="item" <a href="http://localhost/reservasHosteleria/central/eventosPub/dealle/2"> <img src="http://localhost/reservasHosteleria/central/images/dominiosRG/2/slide2.png"/> </div>
<div style="width:397px!important" class="item" <a target="_blank" href="www.marca.com"> <img src="http://localhost/reservasHosteleria/central/images/dominiosRG/10/slide3.png"/> </div>
<div style="width:397px!important" class="item" <a href="http://localhost/reservasHosteleria/central/eventosPub/dealle/83"> <img src="http://localhost/reservasHosteleria/central/images/dominios/83/slide4.png"/> </div>
<div style="width:397px!important" class="item" <a target="_blank" href="http://www.yahoo.es"> <img src="http://localhost/reservasHosteleria/central/images/dominios/20/slide5.png"/> </div>
<div style="width:397px!important" class="item" <a href="http://localhost/reservasHosteleria/central/eventosPub/dealle/28"> <img src="http://localhost/reservasHosteleria/central/images/dominiosRG/28/slide5.png"/> </div>
</div>
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.carousel').carousel();
});
</script>
<div style="width:397px!important" class="item"
<a href="http://localhost/reservasHosteleria/central/eventosPub/dealle/2">
<img src="http://localhost/reservasHosteleria/central/images/dominiosRG/2/slide2.png"/> </div>
<div style="width:397px!important" class="item">
<a href="http://localhost/reservasHosteleria/central/eventosPub/dealle/2">
<img src="http://localhost/reservasHosteleria/central/images/dominiosRG/2/slide2.png"/></a>
</div>
<div id="gallery" style="width:397px!important">
<div style="width:397px!important" id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
</ol>
<div class="carousel-inner">
<div style="width:397px!important" class="active item"> <a target="_blank" href="https://www.reservon.es"> <img src="http://localhost/reservasHosteleria/central/images/dominiosRG/34/slide1.png"/></a> </div>
<div style="width:397px!important" class="item" <a href="http://localhost/reservasHosteleria/central/eventosPub/dealle/2"> <img src="http://localhost/reservasHosteleria/central/images/dominiosRG/2/slide2.png"/> </a> </div>
<div style="width:397px!important" class="item" <a target="_blank" href="www.marca.com"> <img src="http://localhost/reservasHosteleria/central/images/dominiosRG/10/slide3.png"/> </a> </div>
<div style="width:397px!important" class="item" <a href="http://localhost/reservasHosteleria/central/eventosPub/dealle/83"> <img src="http://localhost/reservasHosteleria/central/images/dominios/83/slide4.png"/> </a> </div>
<div style="width:397px!important" class="item" <a target="_blank" href="http://www.yahoo.es"> <img src="http://localhost/reservasHosteleria/central/images/dominios/20/slide5.png"/> </a> </div>
<div style="width:397px!important" class="item" <a href="http://localhost/reservasHosteleria/central/eventosPub/dealle/28"> <img src="http://localhost/reservasHosteleria/central/images/dominiosRG/28/slide5.png"/> </a> </div>
</div>
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.carousel').carousel();
});
</script>