如何在页面加载时点击按钮元素
我已经创建了5个按钮。我正在按钮点击加载一些页面。我想要第一个按钮自动点击页面加载并加载相应的html文件,剩下的按钮只能在点击它们时加载html文件。谁来帮帮我!!如何在页面加载时点击按钮元素
这是我的jquery:
$('a#Home').click(function() {
$("#home").load("x.html");
});
$('a#Menu1').click(function() {
$("#menu1").load("y.html");
});
$('a#Menu2').click(function() {
$("#menu2").load("z.html");
});
$('a#Menu3').click(function() {
$("#menu3").load("searcharray.html");
});
$('a#Menu4').click(function() {
$("#menu4").load("sortarray.html");
});
假设第一个按钮是家庭,那么你想在document ready运行,通过使用$(function()
<script>
$(function() {
$('a#Home').click();
});
function loadHome() {
$("#home").load("x.html");
};
</script>
然后更新您的链接是这样的:
<a id="Home" onclick="loadHome()">Click Me</a>
_I想要第一个按钮自动点击页面加载_......你的代码不会那样做。 – Jai
自己触发事件:
$('a#Home').click(function() {
$("#home").load("x.html");
});
$('a#home').trigger('click');
理论回答
可以使用.trigger()
方法的任何元素上触发的任何事件。这将要求您指定您想要触发的事件。 More information.
也可以通过绑定事件处理后调用.click()
来触发点击事件。 The documentation shows us that we can use this function for both purposes.
$(document).ready()
是一种交互,可用于在文档加载后运行代码一次。 More info on that can be found here.
实施例#1(使用.trigger()
)
$(document).ready(function() {
$('a#Home').trigger('click');
});
实施例#2(使用.click()
)
$(document).ready(function() {
$('a#Home').click();
});
只是测试此代码。我认为这会帮助你。
$(document).ready(function() {
console.log("ready!");
$('#btn1').trigger("click");
});
function fun1()
{
\t alert('loaded');
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn1" onclick="fun1()">btn1</button>
<button id="btn2">btn1</button>
<button id="btn3">btn1</button>
<button id="btn4">btn1</button>
你可以试试这个:
<script>
function pageLoad()
{
alert('hello');
}
pageLoad();
</script>
<button id="btn1" onclick="pageLoad()">btn1</button>
'$( 'A#家')的触发器( '点击')'HTTP。 ://api.jquery.com/trigger/但是最好使用'$(“#home”)。load(“x.html”);' – Satpal
1 )在所需的元素上调用'trigger('click')'或'click()'2)干掉代码 –
'})。click();'可以在页面加载时点击。 – Jai