0

私の目標: ページが読み込まれると、既定のタブに img が表示されます。ユーザーが画像をクリックすると、下のタブがフェードアウトします。

私の問題: HTML ページに img タグを配置しました。ヘッダーには、クリックされたときに img を正常にフェードする JavaScript があります。ただし、「タブ」領域のコンテンツ セクションに img を配置すると、ページを読み込むとフェードが発生します。2 つのスクリプトの間に競合があると確信しています。私のフェードスクリプト（HTMLページ上）と「タブ」を実行する外部JavaScript。

補足: 私は img タグを html タグ レイアウトに配置するための数え切れないほどのアレンジを行いました。同様にcssで作業します。

アドバイスをありがとう。

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />

<title>page</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" href="CSS/style13.css" type="text/css" media="screen" /> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 

<script src="Js/tabs.js" type="text/javascript"></script>

<link rel=stylesheet type="text/css" href="tabstyle.css" /><script>

$(document).click(function(){
   $("img").fadeOut('slow', function() {
       $("img").removeClass();
      });
});
</script>

</head>
<body>

<div class="WRAPPER">

<img src="images/tvOff.jpg" width="760" height="523">

<p class="dropcontent">

<div id="cyclelinks"></div>
</p>

<p class="dropcontent">
<img src="images/tvOn.jpg" width="760" height="523">
</p>

<p class="dropcontent">
<img src="images/logo1.png" >
</p>

</div><!--WRAPPER CLOSE-->`enter code here`
<div class="tvBase"></div>


</body>
</html>
4

1 に答える 1

0

clickを画像だけでなくドキュメント全体に配置しました。また、クリックした画像だけでなく、すべての画像をフェードします。

$("img").click(function(){
   $(this).fadeOut('slow', function() {
       $(this).removeClass();
   });
});
于 2013-10-28T19:33:07.990 に答える