-1

テキスト div をデフォルトに戻す場合、このコードは機能しません。12個のリンクがあり、ホバーする前にテキストをデフォルトのコンテンツに戻す以外はすべて機能します

Jクエリ:

<script type="text/javascript">
    $(document)
        .ready(function () {
        $("#MenuBar1 li")
            .mouseover(function () {
            $("#back")
                .attr("src", $(this)
                .data("img"));
            $('.description')
                .text($(this)
                .data('description'));
        })
            .mouseout(function () {
            $("#back")
                .attr("src", $("#back")
                .data("original"));
            $('.description')
                .text($('.description')
                .data('change'));
        });
    });
</script>

HTML:

<div style="width: 357px; position: relative; top: -357px; left: 5px;"
id="content">
    <img src="http://6/images/pic1.jpg" alt="logo's" width="357"
    height="241" id="back" data-original="http://64.197.156.235/images/pic1.jpg"
    />
</div>
<div id="change" class="description" 
      style="background-color: #CCC; 
      width: 338px; 
      position: relative; 
      top: -359px; 
      left: 5px; 
      padding: 15px 10px 15px; 
      color: #414141; 
      font: arial, Trebuchet MS; height: 266px;">
      change text for each link with each picture then set back to default
</div>
4

1 に答える 1

0

特にデフォルトのテキストを定義しているようには見えません。これをコードの先頭 (の直後.ready(function() {)に追加してみてください。

var defaultText = $(".description").text();

次に、.descriptionのテキストを元に戻すときは、次を使用します。

$(".description").text(defaultText);
于 2012-10-03T15:28:35.683 に答える