Question

正在使用jquery加载div内的外部网页，效果很好但只有当我触发点击功能时才打开外部页面

加载页面时应触发第一个按钮

尝试了这个

function HideLoader() {
                    $('#loader').css('display', 'none');
                }

                function ShowLoader() {
                    $('#loader').css('display', 'block');
                }


                $('.reveal').on('click', function (e) {
                    var $that = $(this);
                    e.preventDefault();
                    ShowLoader();
                    var link = $(this).attr('href');
                    $('.tab-content').load(link, function () {
                        HideLoader(); // this puts it in the load callback, so that this stuff
                        $that.show(); // happens when the load is complete
                    });
                });

HTML

<div class="btn-pref btn-group btn-group-justified btn-group-lg" role="group" aria-label="...">
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-primary reveal" href="test.php">
                            <div class="hidden-xs">Info</div>
                        </button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default reveal" href="#tab2">
                            <div class="hidden-xs">Favorites</div>
                        </button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default reveal" href="#tab3">
                            <div class="hidden-xs">Following</div>
                        </button>
                    </div>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default reveal" href="#tab3">
                            <div class="hidden-xs">Friends</div>
                        </button>
                    </div>
                </div>
 <div class="well">
                    <div class="tab-content">
                        <img src="../css/ajax-loader.gif" alt="loading" class="center" id="loader"/>
                    </div>
                </div>

此功能位于index.php，当我运行此文件时，它应显示test.php，当我选择click function()时，功能应继续...

我试过上面的方法，但不起作用

Answer 1

您可以按照以下步骤自动点击页面加载中的第一个按钮：

$(function() {
    $('.btn-primary').click();
});

click method上的文档有：

将事件处理程序绑定到“click”JavaScript事件，或在元素上触发该事件。

在上面的代码中，它是我们正在做的触发。

关于$(function ...)：

在文档“准备就绪”之前，无法安全地操作页面。 jQuery为您检测这种准备状态。 $( document ).ready()中包含的代码只有在页面文档对象模型（DOM）准备好执行JavaScript代码后才会运行。

有经验的开发人员有时会使用简写$()

如果没有做任何事情，第二个选项是等待页面完全加载（也是图像等）：

$(window).load(function() {
    $('.btn-primary').click();
});

关于$(window).load：

在页面完全加载时运行一个函数，包括图形。

Answer 2

First put id on your first button

<button type="button" id="first_btn" class="btn btn-primary reveal" href="test.php">

Then

$(document).ready(function(){
   $("#first_btn").click();
});

Run and check if you get the result.

设置单击功能的默认页面以加载外部页面

HTML

2 个答案: