Jquery ui jQuery UI滑块-不';如果开发者工具是';t激活
我有一个很奇怪的问题。 我使用jQuery1.7.1和UI1.8.17作为滑块 它就像Chrome、Safari和FF上的魅惑(只要你不使用oben firebug…)。 到目前为止还不错,但是 它在IE上不起作用(用IE8和IE9测试)。但是,只要打开IE开发者工具,滑块就可以工作 我完全不知道如何解决这个问题。。。希望你们中的任何人都能帮助我 我的JS代码:Jquery ui jQuery UI滑块-不';如果开发者工具是';t激活,jquery-ui,internet-explorer,jquery-ui-slider,ie-developer-tools,Jquery Ui,Internet Explorer,Jquery Ui Slider,Ie Developer Tools,我有一个很奇怪的问题。 我使用jQuery1.7.1和UI1.8.17作为滑块 它就像Chrome、Safari和FF上的魅惑(只要你不使用oben firebug…)。 到目前为止还不错,但是 它在IE上不起作用(用IE8和IE9测试)。但是,只要打开IE开发者工具,滑块就可以工作 我完全不知道如何解决这个问题。。。希望你们中的任何人都能帮助我 我的JS代码: $(document).ready(function(){ $("#content-slider").slider({
$(document).ready(function(){
$("#content-slider").slider({
animate: true,
value: 0,
slide: handleSliderSlide,
change:handleSliderChange
});
var c = parseInt($(".content-item").length);
var isiPad = navigator.userAgent.match(/iPad/i) != null;
//var w = eval((376 * c) + 1);
if ($.browser.msie && parseInt($.browser.version)==9 || isiPad) {
var w = parseInt(eval(376.5 * c));
}
else {
var w = eval(376.5 * c);
}
var s = $(window).width();
$("#content-scroll").attr('style', 'width:'+s+'px;');
$("#content-holder").attr('style','width:'+w+'px;');
if(isiPad){
$("#content-slider").attr('style', 'width:'+eval(s - 49)+'px;margin-left:3px;');
}
else if($.browser.msie) {
switch (parseInt($.browser.version)) {
case 9:
$("#content-slider").attr('style', 'width:'+eval(s - 49)+'px;margin-left:2px;');
break;
case 8:
$("#content-slider").attr('style', 'width:'+eval(s - 49)+'px;margin-left:2px;');
break;
case 7:
$("#content-slider").attr('style', 'width:'+eval(s - 49)+'px;margin-left:2px;');
break;
}
}
else if ($.browser.safari) {
$("#content-slider").attr('style', 'width:'+eval(s - 48)+'px;margin-left:3px;');
}
else{
$("#content-slider").attr('style', 'width:'+eval(s - 49)+'px;margin-left:2px;');
//$("#content-slider").attr('style', 'width:'+eval(s - 49)+'px;margin-left:2px;');
}
$("a.fancybox").fancybox();
$('#lnkproject').addClass('current');
$('#lnkproject').click(function(){
console.log('lnkproject.click');
$('#lnkproject').addClass('current');
$('#lnkskills').removeClass('current');
$('#lnkcontact').removeClass('current');
$("#content-slider").slider({
animate: true,
value: 0,
slide: handleSliderSlide,
change: handleSliderChange
});
});
$('#lnkskills a').click(function(){
console.log('lnkskills.click');
$('#lnkproject').removeClass('current');
$('#lnkcontact').removeClass('current');
$('#lnkskills').addClass('current');
scval = parseInt(($("#content-holder").width() - $("#content-scroll").width()) / 100);
$("#content-slider").slider({
animate: true,
value: eval(scval + 1),
slide: handleSliderSlide,
change: handleSliderChange
});
});
$('#lnkcontact').click(function(){
console.log('lnkcontact.click');
$('#lnkproject').removeClass('current');
$('#lnkskills').removeClass('current');
$('#lnkcontact').addClass('current');
$("#content-slider").slider({
animate: true,
value: 100,
slide: handleSliderSlide,
change: handleSliderChange
});
});
$("#fp_prev_thumb").click(function() {
console.log('fp_prev_thumb.click');
var slideval = parseInt($('#content-slider').slider("option", "value"));
$("#content-slider").slider({
animate: true,
value: slideval - 10,
slide: handleSliderSlide,
change: handleSliderChange
});
});
$("#fp_next_thumb").click(function() {
console.log('fp_next_thumb.click');
var slideval = parseInt($('#content-slider').slider("value"));
$("#content-slider").slider({
animate: true,
value: (slideval + 10),
slide: handleSliderSlide,
change: handleSliderChange
});
});
function handleSliderChange(e, ui){
console.log('handleSliderChange');
var maxScroll = $("#content-holder").width() - $("#content-scroll").width();
$("#content-scroll").animate({scrollLeft: ui.value * (maxScroll / 100) }, 200);
}
function handleSliderSlide(e, ui)
{
console.log('handleSliderSlide');
var maxScroll = $("#content-holder").width() - $("#content-scroll").width();
$("#content-scroll").animate({scrollLeft: ui.value * (maxScroll / 100) }, 20);
}});
摆脱你的console.log调用。当开发工具未打开时,IE会被它们卡住。你挽救了这一天。除了这篇文章,我在其他任何地方都找不到这个解决方案。