好吧,我不知道为什么 IE 如此抗拒改变,但确实如此。IE 不喜欢做任何事情,除非它必须这样做。因此,要解决这个问题,您必须通过将其设置为 var 来获取那里的文本,然后重新输入所有内容,以便 IE 看到更改然后更新。
所以这是你小提琴中的代码......
$("#sliderFontSize").slider({
range: "min",
min: 10,
max: 100,
step: 10,
slide: function (event, ui) {
var fontSize = ui.value;
var lineHeight = (fontSize * 1.3);
$("#area").css('font-size', fontSize + "px");
$("#area").css('line-height', lineHeight + "px");
}
});
$("#alignLeft").click(function() {
$("#area").css('text-align','left');
});
$("#alignRight").click(function() {
$("#area").css('text-align','right');
});
所以你需要做的就是添加...
var currentText = $("#area").text();
$("#area").text(currentText);
到您的点击功能...
$("#alignLeft").click(function() {
$("#area").css('text-align','left');
var currentText = $("#area").text();
$("#area").text(currentText);
});
$("#alignRight").click(function() {
$("#area").css('text-align','right');
var currentText = $("#area").text();
$("#area").text(currentText);
});
那应该这样做。