Javascript 引导模式赢得';不褪色
我正在使用Twitter引导模式在wordpress上显示帖子详细信息。但是我对模态有一个问题。整个屏幕是灰色的,我可以看到模式,但没有什么是可点击的。我可以通过按“esc”键退出此模式。我认为这是一个js问题,但无法理解。我已经加载了jquery、bootstrap.js和bootstrap.cssJavascript 引导模式赢得';不褪色,javascript,jquery,css,wordpress,twitter-bootstrap,Javascript,Jquery,Css,Wordpress,Twitter Bootstrap,我正在使用Twitter引导模式在wordpress上显示帖子详细信息。但是我对模态有一个问题。整个屏幕是灰色的,我可以看到模式,但没有什么是可点击的。我可以通过按“esc”键退出此模式。我认为这是一个js问题,但无法理解。我已经加载了jquery、bootstrap.js和bootstrap.css <a href="#" data-toggle="modal" data-target="#myModal-39"> <div class="col-lg-4 imgWrap"&
<a href="#" data-toggle="modal" data-target="#myModal-39">
<div class="col-lg-4 imgWrap">
<img width="500" height="332" src="img/myimage.jpg" class="attachment-post-thumbnail wp-post-image" alt="myimage" /> <h2><span>Title 39</span></h2>
<p class="imgDescription">Description 39</p>
</div><!-- /.col-lg-4 -->
</a>
<!-- Modal -->
<div class="modal fade" id="myModal-39" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-39" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel-39">Title 39</h4>
</div>
<div class="modal-body">
<img width="500" height="332" src="img/myimage.jpg" class="attachment-post-thumbnail wp-post-image" alt="marrakech" /> </div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
&时代;
第39篇
小提琴:
我错过什么了吗?
谢谢,似乎有些元素的z-index
高于您的模态
尝试使用firebug
或chrome开发者工具来检查您的网站,找出问题所在
或者试试这种风格:
.modal {
z-index: 10000
}
您可以从MDN中阅读更多关于z-index
,右上角的x也不可点击?添加了一个提琴,x在您的代码中工作?什么是不可点击的@Ali?似乎我有一些js脚本(wordpress?)阻止了我的clics。如果我在一个简单的HTML模板中测试它,它工作得很好。好的,我会测试它,然后给你回复。谢天谢地,这最终是一个样式表造成的。当我发表评论时,一切都很顺利。谢谢大家的快速回答。