错误是由于在Shadowbox未准备好时打开某些东西造成的。
对于头部部分,请使用以下内容:
<script type="text/javascript">
Shadowbox.init({
skipSetup: true
});
window.onload = function() {
Shadowbox.open({
content: '#surveyDialog',
player: 'inline',
height: 450,
width: 500
});
};
</script>
对于页面主体部分,请使用以下内容:
<div id="surveyDialog" class="dialogWindowWrapper" style="display:none">
<h2 style="color:#ffffff;">Hello!</h2>
</div>
如果您需要使用现成的Shadowbox示例,请访问github上此源页面。
更改:如果您想要在页面加载后访问Shadowbox.open
,请查看此处显示的修改后的脚本:
<script type="text/javascript">
Shadowbox.init({
skipSetup: true
});
function survery01(){
Shadowbox.open({
content: '#surveyDialog',
player: 'inline',
height: 450,
width: 500
});
}
window.onload = function() {
survery01();
};
</script>
现在Shadowbox.open
是一个命名函数,您可以在需要时调用它(例如使用onclick
属性)。
skipSetup
只是防止 ShadowBox 绑定页面中rel="shadowbox"
的元素的事件。 - VisioN