今天为了调试一个图片弹出的效果,引入了其他的js.
想要的效果达到了。原来的效果挂掉了。
“火狐”浏览器,调试结果:
$(...).ready is not a function
坑爹的节奏啊。js代码不行了。
<script type="text/javascript">
$(document).ready(function($){
$(".btn1").click(function(event){
$(".hint").css({"display":"block"});
$(".box").css({"display":"block"});
});
$(".hint-in3").click(function(event) {
$(".hint").css({"display":"none"});
$(".box").css({"display":"none"});
});
$(".btn2").click(function(event) {
$(".hintl").css({"display":"block"});
$(".box").css({"display":"block"});
});
$(".hint3").click(function(event) {
$(this).parent().parent().css({"display":"none"});
$(".box").css({"display":"none"});
});
$(".hintl-in3").click(function(event) {
$(".hintl").css({"display":"none"});
$(".box").css({"display":"none"});
});
$(".hintl-in4").click(function() {
$(".hintl").css({"display":"none"});
$(".box").css({"display":"none"});
});
});
</script>
改吧
<script type="text/javascript">
$(document).ready(function($){
$(".btn1").click(function(event){
$(".hint").css({"display":"block"});
$(".box").css({"display":"block"});
});
$(".hint-in3").click(function(event) {
$(".hint").css({"display":"none"});
$(".box").css({"display":"none"});
});
$(".btn2").click(function(event) {
$(".hintl").css({"display":"block"});
$(".box").css({"display":"block"});
});
$(".hint3").click(function(event) {
$(this).parent().parent().css({"display":"none"});
$(".box").css({"display":"none"});
});
$(".hintl-in3").click(function(event) {
$(".hintl").css({"display":"none"});
$(".box").css({"display":"none"});
});
$(".hintl-in4").click(function() {
$(".hintl").css({"display":"none"});
$(".box").css({"display":"none"});
});
});
</script>
$换成jQuery;
$(document).ready(function($){换成 $(document).ready(function($){
改完以上,Ok