使用jquery mobile和toggle視頻播放視頻

我使用jquery創建了切換開關，但仍不明白如何使用此切換觸發任何操作。所以我有這個：使用jquery mobile和toggle視頻播放視頻

<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（）;

$(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/

注：。對（）將只使用jQuery 1.7 +工作使用綁定或委託代替，如果您有jQuery的早期版本。

來源

2012-05-04 04:56:47 codaniel

其實我沒有看到它在小提琴中播放視頻？我錯過了什麼嗎？ – Tom

使用jquery mobile和toggle視頻播放視頻

回答

相關問題