在新创建的dom元素上使用jquery hide()

时间:2010-01-14 00:38:44

标签: jquery hide

我对jQuery比较陌生。我所拥有的是一个应用程序,它在表格中显示数据库中的内容项列表。

如果单击页面的标题链接,它将加载要在选项卡中编辑的页面(单击teh选项卡可以查看要编辑的表单)。

我的问题是,在使用.load并在空div中创建html时,之前被jQuery隐藏的css不再隐藏在这个新表单中。

例如,在同一页面上,我有一个带有类错误的div。这是隐藏的。我单击要编辑的标题,页面加载一个空div,并且不会隐藏带有错误的div作为类。

是否有办法隐藏这些元素?

1 个答案:

答案 0 :(得分:1)

以下是我将其他网址中的内容加载到当前页面的一部分时始终使用的代码:

jQuery(function($){
  $("#edit").click(function(){
    //display loading message in target div, it's better have animation gif
    $('#target').html('<img src="PATH/loading.gif" alt="" /> Loading edit form...');
    //request the edit form using AJAX
    $.get(EDIT_FORM_URL,
      {},
      function(data){
        //display data to target div
        $('#target').html(data);
        //if the error div still displayed, do this
        $(".error").hide();
      });
  });
});

我从不使用.load。我更倾向于使用$.get$.post代替更多控制权,但不像$.ajax那样复杂。

希望这有帮助。如果您仍然得到一个奇怪的结果,请在此处发布代码或URL,以便其他SO成员可以更准确地帮助您。