我使用位於http://awardwinningfjords.com/2009/06/16/iphone-style-checkboxes.html的jQuery包將我現有的複選框轉換爲iPhone風格的複選框。我遇到的問題是,在應用jQuery/iPhone樣式後,當複選框狀態更改時,我的複選框的onclick事件不會觸發。我需要能夠捕獲onclick事件和其狀態更改的複選框的ID?任何想法我失蹤?jQuery iPhone風格複選框事件
2
A
回答
0
嘗試捕獲change
事件而不是click
事件。
1
嘗試像
herejQuery( '#checkbox_id')ATTR( '檢查',真)。 jQuery('#checkbox_id').trigger('change');
在「iphone-style-checkboxes.js」中,change事件只能綁定。
1
我遇到了同樣的問題。 我解決了初始化複選框時添加的onChange選項,就像這樣:
$(".iPhone").iphoneStyle({ onChange : changeHandler });
希望這有助於!
2
我最終做的是向iphone-style-checkbox.js添加一個自定義事件來做到這一點。尋找這一行
iOSCheckbox.prototype.didChange = function() {
再經過他們設置了檢查元素上的複選框
this.onChange(this.elem, this.elem.attr('checked'));
地址:
this.elem.trigger("iphoneChange");
然後綁定到這個事件你只需要找到您的複選框並調用jQuery綁定函數:
$('#checkbox').bind('iphoneChange', function(e, data) {...});
是我唯一的工作。
3
就做這樣的
HTML
<input type="checkbox" class="iphone-checkbox" id="checkbox-id">
的JavaScript
$('.iphone-checkbox').iphoneStyle({onChange: function(elem, data) {alert(elem.attr('id')); alert(data);}});
在第一個警告信息,你會看到
checkbox-id
而在第二
true/false
(取決於複選框是否選中與否)
0
,如果您有任何困難的使用jQuery,請看看這裏http://talkerscode.com/webtricks/iphone-like-slide-toggle-button-using-jquery-and-css.php創建iphone像切換按鈕,它肯定會在哪裏解決您的問題
function on()
{
$("#inner").animate({marginLeft:'50px'},function(){
document.getElementById("choose").value="on";
document.getElementById("wrapper").style.background="#04B404";
document.getElementById("on").checked=true;
document.getElementById("off").checked=false;
});
}
function off()
{
$("#inner").animate({marginLeft:'0px'},function(){
document.getElementById("choose").value="off";
document.getElementById("wrapper").style.background="#E6E6E6";
document.getElementById("off").checked=true;
document.getElementById("on").checked=false;
});
}
<div id="checkbox_div">
<input type="checkbox" id="on" value="ON">ON
<input type="checkbox" id="off" value="OFF">OFF
</div>
相關問題
- 1. jquery移動複選框丟失風格
- 2. Android複選框風格
- 3. 風格的複選框表
- 4. 複選框風格問題
- 5. 風格的Wordpress插件複選框
- 6. jQuery插件來改變HTML複選框風格!
- 7. jQuery驗證帶風格的廣播和複選框的插件
- 8. 網格中的MVC複選框事件
- 9. 桌面iPhone風格選擇框輪插件
- 10. jQuery動態複選框事件處理
- 11. jQuery自動觸發複選框事件
- 12. Jquery Jstree複選框事件捕獲
- 13. jQuery的複選框事件累計
- 14. Jquery事件冒泡複選框
- 15. jQuery複選框事件不會觸發?
- 16. 複選框事件不與jquery觸發
- 17. jquery複選框更改事件
- 18. 複選框的jquery觸發事件
- 19. jQuery複選框事件處理與.live()
- 20. 複選框不會在jQuery PCP中觸發事件時使用jQuery iPhone樣式複選框
- 21. .click事件和複選框
- 22. WPF複選框風格變化
- 23. Sencha風格複選框與特定類
- 24. 的複選框WebKit的風格IE 8
- 25. 角度指令風格的複選框
- 26. jQuery:突出顯示錶格行上覆選框更改事件
- 27. 自動在jquery手風琴複選框
- 28. 如何風格jQuery的選擇框
- 29. jQuery推薦的方式風格無線電btns&複選框
- 30. jquery,複選框選擇所有不啓用其他複選框上的事件
你的代碼? –