移动端页面开发问题总结（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 过山过水