移動端頁面開發問題總結(1)

  • 對于利用Ajax從后臺動態加載的頁面,綁定事件(以點擊事件為例)的時候必須使用以下方式,
$(document).on("click","選擇器", function(){
//事件處理函數
})

而不是使用以下方式:

$("選擇器").click(function(){
//事件處理函數
})

注:第二種方式對于非動態加載的頁面來說是OK的。

  • 對于ios系統,模擬button的時候應避免使用div標簽,需使用<a>標簽或者<input>標簽,如下:
<a href="" class="buttton">我是一個button</a>

或者

<input type="buttton" value="我也是一個button" class="button" />
  • 對于利用JavaScript添加的data-屬性,在獲取該屬性時需使用attr,如對于頁面中的input標簽:
<input type="hidden" data-opt="" data-id="">
利用JavaScript向該input標簽添加data-opt和data-id的值:
$('input').attr('data-opt', _opt);  
$('input').attr('data-id', _id);     
獲取該標簽的data-opt和data-id屬性時可以采用attr方式:
var _opt=$('input').attr("data-opt"); 
var _id=$('input').attr("data-id"); 

Edit by 過山過水

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,836評論 18 139
  • 一、樣式篇 第1章 初識jQuery (1)環境搭建 進入官方網站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,441評論 0 44
  • //------------------------- 第一章 認識JQuery ----------------...
    米塔塔閱讀 737評論 0 9
  • 為給團隊搭建一個文件共享服務器,申請了臺虛機,跑的Redhat 6.5。干掉不必要的X等組件,更新源改為16...
    topillar閱讀 1,621評論 0 0
  • Android之數據儲存001 001篇總結了SharedPreferences和File的使用。 Android...
    jackLee閱讀 366評論 0 0