0

我知道这是一个重复的问题。我看到了这些例子，但没有得到任何东西。我编写的代码适用于所有浏览器，但不适用于 IE9 和 8。请帮助我如何显示 div。在 css 中，我也提到了 display:none。代码片段是：

html代码是：

  <div align="center" class="mainVideo" id="mainVideo" style="vertical-align:middle;">
                    <object align="middle" id="videoobj" style="vertical-align:middle;" width="500" height="400">
                        <param name="movie" value="swf/STIHL_intro1.swf">
                        <embed src="swf/STIHL_intro1.swf" align="middle" style="vertical-align:middle;" id="embedsrc" width="500" height="400">
                        </embed>
                    </object>

                    <div>
                        <button id="nextbutton" value="next" style="background-image:url(images/n1.png);" />
                    </div>
                </div>

          <div id="divMain">
                <table width="100%">
                    <tr>
                        <td width="50%" >&nbsp;</td>
                        <td style="position:absolute;left:60%;top: 50%;">
                            <img src="images/gray_image_002.png"  border="0" />
                        </td>
                      </tr>
                  </table>          
                <div  id="circle1"> 
                    <div id="circle12"><br/> <br/><b>Employee Benefits</b></div> 

                </div>
                <div class="circle" id="circle2">
                    <div id="circle22"><br/> <b>Expectations</b></div>
                </div>
                <div class="circle" id="circle3">
                    <div id="circle32"><br/> <b>Manufacturing <br/>Operations Safety</b></div> 
                </div>
           </div>

脚本代码是：

if(n[1] == "divMain")
                {
                    showModules(1);
                }else
                if(n[1] == "divModule1")
                {
                    showModules(2);
                }


                $("#nextbutton").click(function()
                {
                    alert('heretest')
                    showModules(1);
                });

            });

 function showModules(no)
       {
             $("#container").css("background-image","");

           if(no==1)
            {
                //alert('not coming here')
                 $("#divModule1").hide();
                  $("#divModule2").hide();
                  $("#divModule3").hide();
                 $("#divMain").show();
                 $("#divIFrameResources").hide();
                 $("#divModule4").hide();
                 $("#mainVideo").hide();
            }
            else
            if(no==2)
            {
                 $("#divModule2").show();

                 $("#divModule1").hide();
                  $("#divModule3").hide();
                 $("#divMain").hide();
                 $("#divIFrameResources").hide();
                  $("#divModule4").hide();
                  $("#mainVideo").hide();
            }
}

请忽略结束标签...我希望当我单击下一个按钮时将显示 divMain。场景是我在开始时运行 mainVideo，然后在下一个按钮 divMain 上运行。如果我没有在 css 中给出 display:none ，那么在开始时我可以看到 divMain 但是当我点击下一个按钮时，同样不会出现。请建议。提前致谢

4

0 回答 0