Javascript Jquery弹出式联系人表单-自动加载

Javascript Jquery Popup Contact Form - Auto Loading

本文关键字：加载 表单 Jquery 弹出式 联系人 Javascript      更新时间：2023-09-26

我正在尝试获取一个jquery弹出联系人表单，以便在页面打开时自动加载。目前它只在你点击链接时打开，但我希望它能自动加载。我是新手。我是否正在查找代码的正确位置？如何创建onLoad-提前感谢！

<script>$.noConflict();
jQuery( document ).ready(function( $ ) {
$('#myModal').reveal();
});
</script>

如果您希望jQuery在页面完全加载后开始执行，您可以使用以下代码：

<script type="text/javascript">
$(window).load(function() {
// insert code here
// trigger event here. 
});
</script>

document ready事件在HTML is loaded and the DOM is ready时执行，即使页面上的所有图像尚未加载。

window load事件稍后在页面（包括所有图像和其他对象）完全加载时执行。

希望这对你有帮助。！

通过查看您的代码，我了解到您的代码是不完整的。

您的HTML应该类似于

<div id="revealModal" class="reveal-modal">
  {your_contact_content_goes_here}
</div>

在HTML页面中有一个伪a标签，它应该是

<a href="#" id="revealModalTrigger" data-reveal-id="revealModal" style="visibility:hidden;"></a>

现在你的JS应该是

<script>
    jQuery( document ).ready(function() {
        jQuery("#revealModal").reveal();
        jQuery("#revealModalTrigger").trigger( "click" );
    });
</script>

如需进一步了解，请参阅Reveal。

我希望这能解决你的问题。

相关文章：