我有一个html页面,其中我有两个div,一个是页面角色,另一个是css对齐。 现在我有一个按钮点击按钮我想同时打开这些div。因为我想用页面角色触发div的情况,这样我就可以获得页面聚焦和聚焦情况。如果我直接移动到页面角色'div侧的div我无法获得页面角色情况。 如果我直接用page-role调用div,那么我在“fullpage”div上设置的css对齐将会消失。
但我不明白该怎么做:
按钮的Js代码:
<Button id="button_to_click" onclick="home_function();">Button Click</Button>
<script>
function home_function()
{
window.location.href ='index.html#fullpage';
}
</script>
单击此按钮时,将打开一个新页面: 在索引页面我有这些div:
<div data-role="page" id="page1">
<div id="fullpage">
</div>
</div>
使用页面角色“Page1”
记录div$(document).on('pageinit','#page1', function(){
console.log("init called");
$("#page1").focusin(function (){
console.log("received 222 focus In Event");
})
$("#page1").focusout(function (){
console.log("received 2222 focus Out Event");
})
});
答案 0 :(得分:1)
听起来你正在寻找使用jQuery的多重选择:http://api.jquery.com/multiple-selector/
示例:
$("#divA, #divB").show(); // displays #divA and #divB
您也可以组合活动:
$("#page1").on("focusin focusout", function() {
alert("focusin or focusout");
});
您可以通过使用链接而不是按钮来避免使用window.location.href。