javascript - iscroll包裹内容区的点击事件无法触发-PHP中文网问答

由于页面内容过多，有的手机就不能全部显示出来，所以我想在外面用iscroll包裹起来达到滚动效果，但这样形成了iscroll包裹iscroll的情况，导致被包裹的iscroll的点击事件不能触发（被包裹的iscroll是需要点击弹出一个遮罩框滑动的），请大神们帮忙看下，下面贴上代码（代码中涉及到的人名等均为测试瞎写的）；
html:

<p id="wra">
<p id="scrollers">
    <p id="title"><span>请确认以下信息</span></p>
    <!-- 信息浏览 -->
    <p id="inifOuter">
    <form id="inif">
        <ul id="list">
            <li id="listOne">
              <p>借款人姓名<span>张*</span></p>
              <p>借款人身份证号<span>440*************10</span></p>
              <p>车辆名称<span>奥迪 A6L 2010款 2.0T 自动 TFSI标准型</span></p>
              <p>车辆价格<span class="moneyColor">￥300000</span></p>
              <p>首付金额(已支付)<span class="moneyColor">￥200000</span></p>
            </li>
            <li id="listTwo">
              <p>个人汽车消费贷款<span class="moneyColor">￥100000</span></p>
              <p>个人信用消费贷款<em>(含以下三项)</em><span class="moneyColor">￥6000</span></p>
              <p class="lightColor"><strong>购置税</strong><span>￥0</span></p>
              <p class="lightColor"><strong>保险费</strong><span>￥5000</span></p>
              <p class="lightColor"><strong>GPS安装费</strong><span>￥1000</span></p>
              <p>总贷款金额<span class="moneyColor">￥10600</span></p>
              <p>利率<span>14.00%</span></p>
              <p>贷款期数<span>24期</span></p>
            </li>
            <li id="listThr">
              <p>还款银行卡<span>工商银行(***************0124)</span></p>                
              <p>贷款起止日期、月供和还款计划由银行放款日决定</p>
              <p>两笔贷款每期将合并扣款，请留意放款后的还款计划</p>
            </li>
        </ul>
    </form>
    </p>
 
    <!-- 确认 -->
    <p id="confirm">
        <span class="agree"><input type="checkbox" id="agree" name=""></span>
        <span class="contract">您确认以上信息并同意签署<strong id="cardai">《债权转让及车贷借款合同》</strong>及<em id="truedai">《债权转让及信用贷借款合同》</em></span>
        <button id="loan" type="sunmit" disabled = "disabled">确认借款</button>
    </p>
</p>
</p>

<!-- 债权转让及车贷借款 -->
    <p id="chedai">
      <p id="closeOne" class="closeAll"></p>
      <p id="wrappe" class="renInfo">
        <p id="scroller">
        <ul>
              <li>○3、未按要求对车辆投保、续保指定商业保险；</li>
              <li>○4、未按要求办理车辆过户及抵押登记手续；</li>
              <li>○5、您擅自将车辆进行抵押或解除抵押、转让、转租或投资入股、抵偿等；</li>
      </ul>
      </p>
    </p>
  </p>
<!-- 债权转让及信用贷借款 -->
    <p id="xindai">
      <p id="closeTwo" class="closeAll"></p>
      <p id="wrapp" class="renInfo">
        <p id="scroller">
        <ul>
          <li class="Oimport">鉴于：</li>
          <li><span class="Oimport">第一条</span> 本合同各方确认，均已知悉并同意向贷款人转让融资租赁回租车辆的其他设备租金债权，并且该债权项下的车辆抵押权随之一并转让。转让事宜无需再另行发送标的资产转让通知，您在线上签署本合同即表示其已充分知晓标的资产的转让事宜，并同意按照本合同约定的其他相关合同/协议之约定向贷款人充分履行相关义务。</li>
 
      </ul>
      </p>
    </p>
  </p>

script:

<script type="text/javascript">

var myScroll;
function loaded () {
    myScroll = new IScroll('#wrappe', {
        // scrollbars: true,
        mouseWheel: true,
        interactiveScrollbars: true,
        shrinkScrollbars: 'scale',
        fadeScrollbars: true
    });
    myScroll = new IScroll('#wrapp', {
        // scrollbars: true,
        mouseWheel: true,
        interactiveScrollbars: true,
        shrinkScrollbars: 'scale',
        fadeScrollbars: true
    });
}
function loadedd(){
   myScroll = new IScroll('#wra', {
        // scrollbars: true,
        mouseWheel: true,
        interactiveScrollbars: true,
        shrinkScrollbars: 'scale',
        fadeScrollbars: true
    });
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', loaded, false);
</script>

<script type="text/javascript">
    $(document).on("ready",function(){
      loadedd ();
      //查看协议
      //债权转让及个人贷款合同
      $("#cardai").on("click", function(){
          $('#chedai').css("display","block");
          loaded();
      });
      $('#closeOne').on("click",function(){
          $('#chedai').css("display","none");
      });
      //债权转让及信用贷借款合同
      $('#truedai').on("click",function(){
          $('#xindai').css("display","block");
          loaded();
      });
      $('#closeTwo').on("click",function(){
          $('#xindai').css("display","none");
      });
        
    });
</script>

现在是搞不懂是什么原因影响了点击事件，请大神们指点一下是怎么回事！