切换在IE 7中不起作用

时间:2010-05-06 19:33:19

标签: javascript prototypejs

我有两个div需要在两个div之间切换 在这样做时,我的主div中的一些div显示即使我使用hide()函数,这只发生在ie7

function initMakeAPost()

{

     $('questionheaderid').hide();  //hiding the questions section
     $('MP_questionofday_txtboxid').hide();//hiding the questions answer"textbox and button" section
     $('recaspotheaderid').hide();//hiding the search by txtspotname and city-spots
     //$('footer_userpost').hide();//hiding the footer
     $('makeapostid').show();//show the make a post content
     $('btnQAPost').hide();
     $('footer_userpost').hide();
     $('sreetCredContainer').hide();
     $('postbtnid_dead').hide();
     $('askNextQuestion').hide(); 
     //$('UploadImgContainer').show();// for upload

 }

2 个答案:

答案 0 :(得分:1)

首先,您的jquery选择器似乎无效:

即:

$('questionheaderid') // matches the tag "questionheaderid"
$('#questionheaderid') // matches any tag with the id="questionheaderid"
$('.questionheaderid') // matches any tag with class="questionheaderid"

接下来,.hide()/ show()方法只是添加/删除匹配项中的display:none样式。如果在具有比内联更高优先级的单独样式表中有其他CSS,则它们可以覆盖您使用jquery设置的任何内容。如果您在CSS文件中设置初始状态并尝试使用内联样式覆盖,则有时会发生这种情况。

答案 1 :(得分:0)

显示和隐藏是非常简单的东西,应该“正常工作”。如果没有,我想看到相应的标记(可能还有CSS)。也许有些东西会让IE表现得与众不同(像往常一样)。 :)

顺便说一句,这是一个通过id:

对很多元素进行隐藏/显示的提示
$('id0', 'id1', 'id2', 'id3').invoke('hide');
$('id4', 'id5').invoke('show');

在prototype.js文档中描述了它:http://api.prototypejs.org/dom/dollar/