클릭 이벤트가 TizenEvent에서 작동하지 않습니다.

방금 tizen web을 사용하여 Samsung Gear S3 용 응용 프로그램을 개발하기 시작했지만 몇 가지 문제가 있습니다. 지금 직면하고있는 문제는 꽤 이상합니다. 다음 코드에서는 몇 가지 항목이 listview에 표시되므로 목록보기에서 항목을 클릭 할 때마다 에뮬레이터에서 클릭이 트리거되지 않지만 브라우저에서 제대로 작동합니다. 내가 여기서 뭘하고 있는지 모르겠다. 여기 클릭 이벤트가 TizenEvent에서 작동하지 않습니다.

는 자바 스크립트 코드가 있음이 트리거되는 스 니펫을 할 때마다 항목

<script type="text/javascript"> 
     $('#dynamicList li').click(function(){ 
      //console.log($(this).attr('data-value')); 
      alert($(this).attr('data-value')); // this will alert data-value value. 

     }); 
    </script>

전체 코드 조각

<!DOCTYPE html> 
<html> 
<head> 
    <meta name="viewport" content="width=device-width,user-scalable=no"> 
    <title>Macy's MyStore app</title> 
    <link rel="stylesheet" href="lib/tau/wearable/theme/default/tau.min.css"> 
    <link rel="stylesheet" media="all and (-tizen-geometric-shape: circle)" href="lib/tau/wearable/theme/default/tau.circle.min.css"> 
    <!-- load theme file for your application --> 
    <link rel="stylesheet" href="css/style.css"> 
     <script type="text/javascript" src="lib/tau/wearable/js/tau.min.js"></script> 
    <script src="app.js"></script> 
    <script src="lowBatteryCheck.js"></script> 


    <script src="js/jquery.min.js" type="text/javascript"></script> 
    <script src="js/jquery.js" type="text/javascript"></script> 

    <script src="js/orderProcesing.js" type="text/javascript"></script> 
</head> 
<script type="text/javascript"> 
    $('#dynamicList li').click(function(){ 
     //console.log($(this).attr('data-value')); 
     alert($(this).attr('data-value')); // this will alert data-value value. 

    }); 
</script> 
<body> 
    <div class="ui-page ui-page-active" id="main"> 
     <header class="ui-header"> 
      <h3 class="ui-title">Open Fulfillment Order</h3> 
     </header> 

     <div class="ui-content" id="ordersWidget"> 

      <ul class="ui-listview" id="dynamicList"> 
       <li> 
        <a href="#" data-value="S">1line</a> 
       </li> 
       <li> 
        <a href="#" data-value="M">2line</a> 
       </li> 
       <li> 
        <a href="#" data-value="L">3line</a> 
       </li> 
       <li> 
        <a href="#" data-value="S1">4line</a> 
       </li> 
       <li> 
        <a href="#" data-value="S2">5line</a> 
       </li> 
      </ul> 


      </div> 

     <footer class="ui-footer ui-bottom-button"> 
      <a href="#" class="ui-btn">Logo</a> 
    </footer> 
    </div> 


</body> 
</html>

어떤 생각에 사용하기를 클릭?

출처

2017-03-15 user1030128

당신은 페이지로드가 너무 완료되면 DOM이도에로드되기 전에

//Adds click handler to #dynamicList li that are currently in the dom. 
$('#dynamicList li').click(function(){ 
    //console.log($(this).attr('data-value')); 
    alert($(this).attr('data-value')); // this will alert data-value value. 
});

이미 실행 될 때까지 자바 스크립트에서 대기니까.이 코드는 아래의 DOM에있는 항목의 비는이 클릭 핸들러를해야합니다 그래서

이 문서 준비 콜백 코드를 캡슐화한다

$(document).ready(function() { //dom is now loaded in. 
    $('#dynamicList li').click(function(){ 
     //console.log($(this).attr('data-value')); 
     alert($(this).attr('data-value')); // this will alert data-value value. 
    }); 
});

출처

2017-03-15 07:36:48

클릭 이벤트가 TizenEvent에서 작동하지 않습니다.

답변

관련 문제