悬停后将文本返回默认div

Question

当将文本div恢复为默认值时，此代码无效。我有12个链接，一切正常，除了在悬停之前将文本返回到默认内容

Jquery的：

<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>

Answer 1

您似乎没有在任何地方定义默认文本。尝试将其添加到代码的开头（在.ready(function() {之后）：

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

然后，在重新设置.description的文本时，请使用：

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