我的頁腳有一些內容。和我做了我的頁腳展示\隱藏點擊。但是現在,如果我點擊頁腳內的任何項目(我有導航欄),我的頁腳反應在show \ hide aswell。我如何只讓父(頁腳)對點擊產生反應,而沒有任何子元素?我正在使用jQuery手機。 這裏是我的代碼:僅對父項進行點擊操作
<div data-role="footer" data-id="main_footer" data-position="fixed" data-fullscreen="true" data-visible-on-page-show="false" data-tap-toggle="false" >
<div data-role="navbar" data-iconpos="top">
<ul>
<li><a id="menu-item-home" data-icon="custom" href="index.html" class="ui-btn-active ui-state-persist"> </a></li>
<li><a id="menu-item-near-me" data-icon="custom" href="near-me.html"> </a></li>
<li><a id="menu-item-rewards" data-icon="custom" href="rewards.html"> </a></li>
<li><a id="menu-item-invite" data-icon="custom" href="invite.html"> </a></li>
<li><a id="menu-item-profile" data-icon="custom" href="profile.html"> </a></li>
</ul>
</div><!-- /navbar -->
</div>
<!-- /footer -->
</div>
和JS
$("#index").live('pagecreate', function() {
$("[data-role='footer']").live("click", function() {
if ($("[data-role='footer']").hasClass('ui-fixed-hidden'))
{
$("[data-role='footer']").removeClass('ui-fixed-hidden');
}
else
{
$("[data-role='footer']").addClass('ui-fixed-hidden');
}
});
});
TLDR; 我要讓我的頁腳裏面工作的聯繫,但不會觸發頁腳顯示\隱藏,同時點擊鏈接
去哪裏?我不太滿意你想要的JS –
,這並不重要。只是不在你現有的功能之一。 –
問題是當我點擊頁腳內部的鏈接時,它不起作用。任何想法如何使他們只工作,而不觸發頁腳顯示\隱藏? –