1
我開始學習JQuery。。滑動切換行爲不同的圖像
這裏是我的代碼:
的index.html
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<script type="text/Javascript" src="jquery.js"></script>
<script src="my.js"></script>
<title>My Jquery</title>
</head>
<body>
<div class="parent"><img src="images.jpg" class="pic"/></div>
</body>
</html>
stylesheet.css中
.pic
{
border: 1px solid red;
visibility: hide;
}
.parent
{
background-color: yellow;
}
my.js
$(document).ready(
function(){
$(".pic").click(
function(){
$(this).slideToggle(5000);
}
);
});
問題是slideToggle
通過水平/垂直滑動隱藏元素,除了我添加的圖像。對於圖像,它滑過對角線。爲什麼行爲與圖像不同?
目前我正在做父母。但爲什麼它不能在形象上起作用,這是我的疑問。 – InQusitive
@InQusitive'.slideToggle()'確實影響圖像。嘗試在動畫期間在'console'的元素處查看'.pic'。將'.slideToggle()'應用於父元素是否會返回預期結果? – guest271314
是適用於父元素工作正常。 – InQusitive