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