Javascript Jquery函数适用于Chrome,但不适用于Firefox和Safari
目前我正在开发一个调整大小的功能,它可以在chrome上完美工作,但不是ff或safari。(书本位置比正常位置向右和向下移动)这些浏览器中是否有不支持的功能?请看一看,谢谢 调整大小时调用函数:Javascript Jquery函数适用于Chrome,但不适用于Firefox和Safari,javascript,jquery,google-chrome,firefox,safari,Javascript,Jquery,Google Chrome,Firefox,Safari,目前我正在开发一个调整大小的功能,它可以在chrome上完美工作,但不是ff或safari。(书本位置比正常位置向右和向下移动)这些浏览器中是否有不支持的功能?请看一看,谢谢 调整大小时调用函数: $(window).resize(function() { if (!isiPhone()) { Book.book_position(); Book.zoom_auto(); //Book.dragdrop_init(); } //calculate_zoom_fa
$(window).resize(function() {
if (!isiPhone()) {
Book.book_position();
Book.zoom_auto();
//Book.dragdrop_init();
}
//calculate_zoom_factor();
});
预订位置()
自动缩放()
缩放比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例比例
我建议您通过一步一步地调试您的代码来追踪问题的根源,一旦发现它与特定的代码片段一起返回,请解释预期的输出并创建一个JSFIDLE演示。这样,更多的人将能够/愿意提供帮助。感谢您的建议,当然我不希望有任何解决方案或固定代码,我将感谢您浏览任何代码,发现任何语句与ff/safari不兼容,谢谢您没有办法“找到任何不兼容的语句”。您是否按照@elclanrs所说的做了,并使用调试器逐步完成了代码,和/或创建了一个JSFIDLE供人们试用?
book_position: function() {
book_height = $('#page').height();
book_width = $('#page').width();
half_height = (book_height/2)+30;
half_width = book_width/2;
$('#page').css({ left: '50%', top: '50%', margin: '-'+half_height+'px auto 0 -'+half_width+'px' });
},
zoom_auto: function() {
dbl_clicked = false;
current_zoom_step = 0;
//calculate_zoom_factor(true);
screen_height = $(window).height();
book_width = $('#book').width();
screen_width = $(window).width()-100;
book_height = $('#book').height();
if (isiPhone()) {
var new_height = screen_height - 100;
var ratio = new_height / book_height;
var new_width = book_width * ratio;
$('#page').css({ width: new_width, height: new_height });
$('#book').turn('size', new_width, new_height);
} else {
Book.scaleStart();
current_window_width = $(window).width();
current_window_height = $(window).height();
if (current_window_width != window_width) {
if( $('#page').height() < ($(window).height() - 96) ) {
Book.scaleVertical();
}
if( $('#page').width() > ($(window).width() - 100) ) {
Book.scaleHorizontal();
}
}
if (current_window_height != window_height) {
if( $('#page').width() < ($(window).width() - 100) ) {
Book.scaleVertical();
}
if( $('#page').height() > ($(window).height() - 96) ) {
Book.scaleVertical();
}
}
deltaW= $('#page').width()-current_window_width;
deltaH= $('#page').height()-current_window_height;
if(deltaW>deltaH){
Book.scaleHorizontal();
}else{
Book.scaleVertical();
}
if (( $(window).width() > default_book_width ) && ( $(window).height() > (default_book_height+100) )) {
$('#page').css({ width: default_page_width, height: default_page_height });
$('#book').turn('size',default_book_width,default_book_height);
}
}
},
scaleVertical: function() {
new_height = $(window).height() - 116;
ratio = new_height / $('#page').height();
new_width = $('#page').width() * ratio;
$('#page').css({ width: new_width, height: new_height });
$('#book').turn('size', new_width, new_height);
},
scaleHorizontal: function() {
new_width = $(window).width()-100;
ratio = new_width / $('#page').width();
new_height = $('#page').height() * ratio;
$('#page').css({ width: new_width, height: new_height });
$('#book').turn('size', new_width, new_height);
},