Javascript JQuery--停止更改.html（）值

我有一个

div

，如下所示：

<div><p></p></div>

然后

div\u contents=“
”

但是，我有另一个函数，它动态地将

div的内容更改为

因此，我的
div\u contents
值正在从
“
”
更改为
”

如何防止div_内容的值发生更改，以便将其用作最终或静态变量或其他内容？
尝试突变事件，当将新节点插入文档时，此事件触发，您可以更新变量的值：

$(document).bind("DOMNodeInserted", function(e){
    alert('New Element: ' + e.target)
    div_contents = $("div").html()
})

div\u内容只有在您分配任务时才会更改。如果
div\u contents
的值是
，那是因为调用
$（“div”）.html（）时div的状态就是这样的。如果div在此之后更改，则变量将保留其值，直到您进行另一次赋值

我需要更多地查看您的代码，以了解实际情况。
修复了问题-一定是在某个地方出错了，但现在可以正常工作了

$(document).ready(function () {
    var has_ran = false;
    var div_contents;
    $(".scenario").bind("contextmenu", function (e) {
        e.preventDefault();
        var flipped_div = $(this);
        if (!has_ran) {
            div_contents = $(flipped_div).html();
            has_ran = true;
        } else {
            //do nothing
        }
        flip(flipped_div, div_contents);
        return false;
    });
});

function flip(flipped_div, div_contents) {
    if ($(flipped_div).hasClass("flipped")) {
        $(flipped_div).append(div_contents);
    } else {
        $(flipped_div).empty();
        $(flipped_div).append("<div class=\"scenario-desc\">hi</div>");
    }
    $(flipped_div).animate({
        rotateY: "+=" + (Math.PI) / 2
    }, 500, function () {
        $(flipped_div).toggleClass("flipped");
    }).animate({
        rotateY: "+=" + (Math.PI) / 2
    }, 500);
}

$（文档）.ready（函数（）{
var has_ran=false；
var div_内容；
$（“.scenario”）.bind（“上下文菜单”，函数（e）{
e、 预防默认值（）；
var flipped_div=$（此）；
如果（！已运行）{
div_contents=$（翻转的_div）.html（）；
has_ran=真；
}否则{
//无所事事
}
翻转（翻转的分区，分区内容）；
返回false；
});
});
函数翻转（翻转的分区，分区内容）{
if（$（翻转的分区）.hasClass（“翻转的”））{
$（翻转的分区）。追加（分区内容）；
}否则{
$（翻转的分区）.empty（）；
$（翻转的div.append（“hi”）；
}
$（翻转分割）。设置动画({
rotateY:“+=”+（Math.PI）/2
}，500，函数（）{
$（翻转的）toggleClass（“翻转的”）；
}).制作动画({
rotateY:“+=”+（Math.PI）/2
}, 500);
}
请粘贴每个函数的代码。您的
div\u内容
变量将在分配行运行的时间点存储div的html。当元素改变时，它不会改变。我认为你应该更仔细地阅读。。。这很奇怪@jbabey，因为它正在为我改变，我将再次阅读语法。
$(document).bind("DOMNodeInserted", function(e){
    alert('New Element: ' + e.target)
    div_contents = $("div").html()
})

$(document).ready(function () {
    var has_ran = false;
    var div_contents;
    $(".scenario").bind("contextmenu", function (e) {
        e.preventDefault();
        var flipped_div = $(this);
        if (!has_ran) {
            div_contents = $(flipped_div).html();
            has_ran = true;
        } else {
            //do nothing
        }
        flip(flipped_div, div_contents);
        return false;
    });
});

function flip(flipped_div, div_contents) {
    if ($(flipped_div).hasClass("flipped")) {
        $(flipped_div).append(div_contents);
    } else {
        $(flipped_div).empty();
        $(flipped_div).append("<div class=\"scenario-desc\">hi</div>");
    }
    $(flipped_div).animate({
        rotateY: "+=" + (Math.PI) / 2
    }, 500, function () {
        $(flipped_div).toggleClass("flipped");
    }).animate({
        rotateY: "+=" + (Math.PI) / 2
    }, 500);
}