2

以下のコードで、他のユーザーが行っていることを再現しようとしています。

Jquery の表示と非表示が機能しませんか? 何かが欠けていて、私はそれを理解することができません

しかし、彼女と同じように、dreamweaver で動作しないため、私も立ち往生しています。正しいラップを追加することで、正しく実行していないと思います。知っている人が私のスクリプトを指摘または編集できますか?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>



<script type="text/javascript">
jQuery(document).ready(function($) 
{
    $(".social").hover(function() 
    {
        $("h1", this).hide();
        $(".networks", this).fadeIn();
    }, 
    function() 
    {
        $(".networks", this).hide();
        $("h1", this).fadeIn();
    });
});
</script>

<style>
.networks 
{
    display:none;
}
</style>
</head>

<body>
<div class="social">
    <h1>Share this</h1>
    <div class="networks">
        <p>Twitter</p>
        <p>Facebook</p>
    </div>
</div>      

</body>
</html>
4

2 に答える 2

0

正しいアドレスを参照できます。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
于 2013-03-04T01:54:58.567 に答える
0

テストにWebサーバー（wampまたはxampp）を使用していることを確認してください。Webサーバーなしでテストする場合は、jqueryライブラリをダウンロードしてローカルに含めます

正しいラップは次のとおりです。

$(document).ready(function() {
    $(".social").hover(function() {
        $("h1", this).hide();
        $(".networks", this).fadeIn();
    }, function() {
        $(".networks", this).hide();
        $("h1", this).fadeIn();
    });
})

また

$(function() {
    $(".social").hover(function() {
        $("h1", this).hide();
        $(".networks", this).fadeIn();
    }, function() {
        $(".networks", this).hide();
        $("h1", this).fadeIn();
    });
})
于 2013-03-04T01:59:22.807 に答える