jquery mobile 事件绑定问题已解决

来源：互联网发布：网络借贷业务管理办法编辑：程序博客网时间：2024/05/14 06:31

<!DOCTYPE html><html><head>    <meta http-equiv="content-type" charset="utf-8">    <link rel="stylesheet" href="../ui-desgin/css/jquery.mobile-1.1.2.css" />    <script src="../-desgin/scripts/jquery-1.7.2.js"></script>    <script src="../ui-desgin/scripts/jquery.mobile-1.1.2.js"></script>    <title></title>    <style type="text/css">        .showfield{        }        .touchfield{        }    </style>    <script type="text/javascript">        $(function(){            $(".showfield").hide();            $(".touchfield").unbind("click");            $(".touchfield").bind("click",                function(){                    var t = $(this).next(".showfield");                    if(t.css("display")!="none")                        t.css("display","none");                    else                        t.css("display","");                }            );        });    </script></head><body>      <div id="page" data-role="page" data-theme="b">          <div data-role="header">              <h3>测试页面</h3>          </div>          <div id="content" data-role="content">                  <div class="touchfield">                      <label for="test1">测试1</label>                      <input type="radio" id="test1">                  </div>                  <div class="showfield">123</div>                  <div class="touchfield">                      <label for="test2">测试2</label>                      <input type="radio" id="test2">                  </div>                  <div class="showfield">456</div>              </div>      </div></body></html>这段代码 在pc上chrome 没问题但是到手机端 点就不好使了不会把 showfield显示出来但是 只要把 touchfield div里加几个字 或者把div撑大起来 点撑大的部分 就好使求解~~

大佬就是大佬 经验丰富不是盖的

在听我描述完这个问题后，大佬给出了3种解决方法我用的是最后一种

采用代理模式，你不是.类无法触发吗? input能触发吧，ok ，触发input的onclick事件在里面触发.类的齐活……

代码修改为

$(".touchfield").find("input:radio").bind("click",function(){     var t = $(this).parent(".touchfield")     if(t.css("display")!="none")            t.css("display","none");     else            t.css("display","")});

搞定……

jquery mobile 事件绑定问题 已解决

jquery mobile 事件绑定问题已解决