0

在第一个渲染页面中，我可以用来.html()在 div 上设置任何字符串，在隐藏它并再次显示之后 jquery 无法设置字符串。

我的问题是在隐藏并再次显示元素后设置 html。

jQuery：

$('#view_topic').click(function(){
    $('#view_port').show();
    $('#view_port').html('HELLO');
})

$('[id^="close_"]').click(function(){
    $('#view_port').hide('fast');    
});

HTML：

<body>
<li id='view_topic' ><a href="javascript:void(0);">VIEW</a></li>
<div id='view_port' class='jqcontextmenu both view_port' >
    <div style='position: absolute;top:0px;left: 4px;'><a href='javascript:void(0);'><img src='../UI/images/close.png' id='close_dialogs'/></a></div>
        <div id='view_port_table'>
        </div>
</div>
</body>
4

3 回答 3

1

没有元素 view_topic 使用 view_port

$('#view_topic').click(function(){      
    $('#view_port').show();
      $('#view_port').html('HELLO');

})

$('[id^="close_"]').click(function(){
    $('#view_port').hide('fast');    
});


 <a href='javascript:void(0);' id="view_topic">view topic</a>
于 2013-05-16T06:22:04.367 回答
1

我相信你想要这样的东西：

HTML

<div id='view_topic'>
    <a href="#">VIEW</a>
</div>

<div id='view_port'>
    <div id='close_dialogs'>
        <a href='#'><img src='http://placehold.it/200x200'/></a>
    </div>
    <div id='view_port_table'>

    </div>
</div>

jQuery

$('#view_topic a').click(function(){
    $('#view_port').show();
    $('#view_port_table').html('HELLO');
    return false;
})

$('[id^="close_"] a').click(function(){
    $('#view_port').hide('fast');
    return false;
});

CSS

#view_port{
    display:none;
}

http://jsfiddle.net/daCrosby/gaAMR/1/

于 2013-05-16T06:54:36.873 回答
0

在您的 HTML 中添加一个元素，例如

     <a href='javascript:void(0);' id="view_topic">view topic</a>

$('#view_topic').click() 仅触发点击 id="view_topic" 的元素

于 2013-05-16T06:26:53.850 回答