Question

我在Wordpress中构建了一个自定义插件。它基本上是一个客户反馈表，当你在主页时弹出。

目前，当我安装此插件时，它会在页脚中创建一个锚链接。这仅用于测试目的。

当我点击页脚中生成的锚链接时，它会在我使用Jquery和CSS创建的自定义弹出窗口中打开我的客户反馈。

但是我想在加载页面时加载弹出窗口而不是单击锚点链接。

为此，我使用jQuery触发器函数在文档加载时调用该锚点的Click事件。

But its not working. Here is my code below :

**jQuery code**

jQuery(document).ready(function() {
    //alert('hi');
    jQuery('a.static_button').trigger('click');

    function alert_popup(){
        alert('yo yo yo .....you good to go.!!!');
    }

    jQuery('a.static_button').click(function() {
            loading(); // loading
            setTimeout(function(){ // then show popup, deley in .5 second
                loadPopup(); // function show popup
            }, 500); // .5 second
    return false;
    });
});

我的插件文件中的代码

<?php
function myscript(){
  wp_enqueue_script('light');
  wp_enqueue_style('stylesheet');
?>
    <a href="#" id="go-to-top" onclick="javascript:alert_popup();"  class="static_button topopup">Click here</a>
    <!-- PopUp Div goes here -->
     <div class="loader"></div>
      <div id="backgroundPopup"></div>
      <div id="toPopup">
          <div class="close">X</div>
              <div id="popup_content"> <!--your content start-->
                <div class="contact_form">
                    <form>
                        <?php echo do_shortcode('[cust]');?>
                      </form>
                  </div>
              </div>
         </div>
      <!-- PopUp Div ends here -->
<?php
}
?>

Answer 1

在此处查看示例http://api.jquery.com/trigger/作为参考

您的代码应为：

jQuery(document).ready(function() {
    //alert('hi');

    function alert_popup(){
        alert('yo yo yo .....you good to go.!!!');
    }

    jQuery('a.static_button').click(function() {
            loading(); // loading
            setTimeout(function(){ // then show popup, deley in .5 second
                loadPopup(); // function show popup
            }, 500); // .5 second
    return false;
    });

    jQuery('a.static_button').trigger('click'); <----- after

});

示例JSFiddle。

Answer 2

更新

试试这个，我这次测试它会起作用：

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>

$(document).ready(function() {
    $('#test').click(function() {
        alert('yo yo yo .....you good to go.!!!'); 
    });
    $('#test').trigger('click');
});
</script>

</head>
<body>

   <a href="#" id="test">Click here</a>

</body>
</html>

你的代码中有一些拼写错误。

Answer 3

看到您在锚标记的点击事件上调用 loadPopup（） ...那么为什么不调用 loadPopup （）直接在页面加载时起作用吗？

触发文档onload上的锚标记的onclick事件

3 个答案: