IE6中的jQuery Center Div切換
[英]jQuery Center Div toggle in IE6
問題描述
單擊按鈕將div居中，再次單擊以左對齊。 此功能適用於除IE6之外的所有瀏覽器。 IE6不支持margin:0 auto; 我該如何解決。 div寬度是動態的，並不總是200px。
檢查jsfiddle http://jsfiddle.net/hZ23J/1/
<button id="center">Left Align</button>
<div></div>
$('#center').toggle(function() {
$('div').css('margin', '0');
$(this).text('Center Align')
}, function() {
$('div').css('margin', '0 auto');
$(this).text('Left Align')
});
2 個解決方案
解決方案1
1 已采納 2011-05-17 04:33:45
對於IE6使用
body{
text-align:center;
}
而且您的jQuery代碼看起來像
$('#center').toggle(function() {
$('div').css('margin', '0');
$('body').css('text-align', 'left');
$(this).text('Center Align')
}, function() {
$('div').css('margin', '0 auto');
$('body').css('text-align', 'center');
$(this).text('Left Align')
});
在http://jsfiddle.net/jNWYP/1/中查看工作示例
解決方案2
0 2011-05-17 04:40:09
此解決方案在IE6中對我有效...
$('#center').click(function () {
$('div').toggleClass('center');
});
類...
.center { margin: 0px auto; }
盡可能將JS和CSS分開也是一個好習慣。
這是我的文檔類型...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
jQuery切換無法在IE6中正常折疊
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.