jquery mobile을 사용하여 비디오 재생 및 전환

jquery로 토글 스위치를 만들지 만이 토글로 어떤 방법을 트리거하는지 아직 이해할 수 없습니다. 그래서 나는 이것을 가지고있다 :jquery mobile을 사용하여 비디오 재생 및 전환

<head> 
<meta charset="utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1" /> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> 
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> 
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> 
</head> 
<body> 
<div data-role="page" id="page1"> 
<div data-role="content"> 
<div data-role="fieldcontain"> 
<?php 
for($i=0;$i<$num_cameras;$i++) 
{ 
?> 

<select name="<?php echo "toggleswitch".$i; ?>" id="<?php echo "toggleswitch".$i; ?>" data-theme="" data-role="slider"> 
    <option value="off">Off</option> 
    <option value="on">On</option> 
</select> 
<label for="<?php echo "toggleswitch".$i; ?>"> 
<?php echo $cameras[$i]["camera_name"]; ?> 
</label> 
<?php 
} 
?>        

</div> 
</div> 
</div> 

<?php 
} 
} 
?> 
</body>

나는 카메라의 목록을 서버에서 얻고있다. 그래서 나는 그게 복잡한 일인지 모른다. 내가 뭘하고 싶은지는 누군가가 토글을 "켬"으로 클릭 할 때 비디오 재생을 시작하는 것입니다. 플립 토글 스위치의 jquery docs에서 내가 뭘해야 하는지를 이해하지 못합니다.

이 출력은 다음과 같습니다 : 기본적으로 내가 찾는 방법 많은 카메라를 기반으로 토글 스위치의 수를 생성

<select name="toggleswitch0" id="toggleswitch0" data-theme="" data-role="slider"> 
<option value="off">Off</option> 
<option value="on">On</option> 
</select> 
<label for="toggleswitch0">Default camera</label> 

               <select name="toggleswitch1" id="toggleswitch1" data-theme="" data-role="slider"> 
<option value="off">Off </option> 
<option value="on">On</option> 
</select> 
<label for="toggleswitch1">test</label>

,이 경우 2에 나는 정말 여기에서 어디로 모른다 활성 이들은 뭔가를 할 토글 (내 경우에는 비디오를 재생).

출처

2012-05-04 Tom

출력을 게시하십시오. 그렇지 않으면 문제가 전면 또는 후면에 있는지 확인하기 어렵습니다. 감사! – juddlyon

.change() 메서드와 .val(); CSTE 연구진()는 + 바인딩을 사용하거나 jQuery를 이전 버전이있는 경우 대신 위임 jQuery를 1.7로 작동합니다

$(document).on('pageinit',function(){ 
    $('#toggleswitch0').change(function(){ // shortcut for .bind('change') 
     if($(this).val() == 'on'){ 
      $('video')[0].play(); 
     } else { 
      $('video')[0].pause(); 
     } 
    });   
});

여기 http://jsfiddle.net/codaniel/STLvS/1/

참고 예입니다.

출처

2012-05-04 04:56:47 codaniel

사실 나는 그것이 바이올린에서 비디오를 재생 보이지 않습니까? 내가 놓친 게 있니? – Tom

jquery mobile을 사용하여 비디오 재생 및 전환

답변

관련 문제