如何同时调用两个div

时间:2013-06-15 13:20:30

标签: javascript jquery html5 jquery-mobile

我有一个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");
})
});

1 个答案:

答案 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。