代码之家 › 专栏 › 技术社区 › Jeremy

在浏览器中强制刷新部分页面

html jquery javascript

Jeremy · 技术社区 · 14 年前

我有以下html:

<ul class="scr">
    <li class="scr">
        <input type="checkbox" class="chkscr"/>
        <h3>Item Name</h3>
        <div class="scr">Contents</div>
    </li>
    ....
</ul>

以及以下jQuery:

//Set initial state of each scr section
$('.chkscr input, input.chkscr').each(function() {
    chkSCR_Click($(this));
});

//Setup click event
$('.chkscr input, input.chkscr').click(function() {
    chkSCR_Click($(this));
});

//Toggle corresponding scr section for the checkbox
function chkSCR_Click(ctl) {
    if (ctl.attr('checked')) {
        ctl.parents('li.scr').find('div.scr').stop().show();
    }
    else {
        ctl.parents('li.scr').find('div.scr').stop().hide();
    }
}

我的问题是,当我切换最后一个li元素以显示时,h3元素的内容会消失,直到我单击页面上的其他地方,或者上下滚动页面以使浏览重新绘制窗口的该部分。例如,我在Opera中不了解这种行为,即使在IE中,这种行为也只发生在最后一个li元素上,所以我很确定这是IE的一个怪癖,而不是我的代码。我可以通过jquery/javascript来强制它重新绘制h3元素吗?

1 回复 | 直到 14 年前

karim79 14 年前

我不能复制。我对你的代码进行了一些重构:

//Set initial state of each scr section
$('input.chkscr').each(function() {
    chkSCR_Click($(this));
});

//Setup click event
$('input.chkscr').click(function() {
    chkSCR_Click($(this));
});

//Toggle corresponding scr section for the checkbox
function chkSCR_Click(ctl) {
    if (ctl.attr('checked')) {
        ctl.siblings('div.scr').stop().show();
    }
    else {
        ctl.siblings('div.scr').stop().hide();
    }
}â

http://jsfiddle.net/4KxHm/ 但我的想法是(我很可能是错的)在你的实际加价中有一个borkage。