Javascript Effect.SlideDown(Scriptaculous)在IE7中被破坏

Javascript Effect.SlideDown(Scriptaculous)在IE7中被破坏,javascript,scriptaculous,prototypejs,internet-explorer-7,ie7.js,Javascript,Scriptaculous,Prototypejs,Internet Explorer 7,Ie7.js,最近,我一直在尝试使用Prototype&Scriptaculous制作一个相当简单的SlideDown&ScrollTo特效,为他们的应用程序填写表单。它在FF3、FF4、Chrome、Safari、Opera、IE9和IE8中运行良好。我知道IE6会是一个问题,但我想我可以通过一些轻微的修改让IE7工作 设置div宽度的修复方法没有解决该问题 目前,它在IE7中不起作用,我不知道为什么。我不是JavaScript方面的忍者,如果能得到任何帮助,我将不胜感激 XHTML结构: <div

最近,我一直在尝试使用Prototype&Scriptaculous制作一个相当简单的SlideDown&ScrollTo特效,为他们的应用程序填写表单。它在FF3、FF4、Chrome、Safari、Opera、IE9和IE8中运行良好。我知道IE6会是一个问题,但我想我可以通过一些轻微的修改让IE7工作

设置div宽度的修复方法没有解决该问题

目前,它在IE7中不起作用,我不知道为什么。我不是JavaScript方面的忍者,如果能得到任何帮助,我将不胜感激

XHTML结构:

<div id="scrollPoint"></div>
<div id="slideForm" style="display:none;">
    <div style="position: relative">
        <div class="separator" style="padding:5px 0"></div>
        <h3 class="fhgroupblue">Apply for this Position:</h3>
        <ucl:ApplicationForm id="WebUserForm" runat="server" />
    </div>
</div>
解决了这个问题——为其他可能遇到问题的用户发布解决方案。 对于使用SiteCore的用户,不要忘记将:
if(!Prototype)
添加到包含的Prototype.js文件的顶部。 这是因为SiteCore在其自己的原型库中为营销人员提供了Web表单

以下是我们所做的:

  • if(!Prototype)
    添加到 我们包含的Prototype.js文件
  • 在/sitecore/shell/controls/lib/{/prototype、/Scriptaculous}中,将JavaScript库更新为最新版本
  • 神奇的事情发生了,一切都回到了IE6和IE7的工作方式

  • 我刚刚在ie7中测试了它,它是有效的:@Willem不知道那个网站。谢谢那一定是我在内容里放的东西。我得四处看看。这是一些相当沉重的标记,我正试图滑下。如果它是ucl:ApplicationForm的内容,那么请尝试w3c验证程序查找html错误。
    <script type="text/javascript">
        function hideDetails() {
            if ($('showFormLink').style.visibility != "hidden") {
                $('showFormLink').style.visibility = 'hidden'; Effect.SlideDown($('slideForm'));
            }
            Effect.ScrollTo('scrollPoint'); return false;
        }
    </script>
    
    <div style="text-align:center;">
        <a id="showFormLink" onclick="hideDetails();">Apply!</a>
    </div>
    
    #jobDetails #slideForm {
    padding-right: 10px;
    width: 400px;}