php - 在文档加载时触发 anchor 标记的 onclick 事件

Question

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

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

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

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

为此，我使用 jQuery 触发器函数在文档加载时调用该 anchor 的 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;
    });
});

来 self 的插件文件的代码

<?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 .