jquery - 悬停后将文本返回到默认 div

Question

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

查询：

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