Question

我正在wordpress中构建一个小插件，我有一些jQuery hover和mousemove脚本。问题是在任何Web浏览器中，我的弹出窗口都不在屏幕上。当我在Fiddle中尝试相同的代码时，一切都很好。（http://jsfiddle.net/aN8BJ/2/）。

   jQuery(document).ready(function($) {
//var moveLeft = 0;
//var moveDown = 0;
jQuery('.popup-price-trigger').hover(function($) {

    var target = '#' + (jQuery(this).attr('data-popbox'));
    jQuery(target).show();
   // moveLeft = jQuery(this).outerWidth();
   // moveDown = (jQuery(target).outerHeight() / 2);
}, function() {
    var target = '#' + (jQuery(this).attr('data-popbox'));
    jQuery(target).hide();
});

jQuery('.popup-price-trigger').mousemove(function(e) {
    var target = '#' + (jQuery(this).attr('data-popbox'));
    topD = e.pageY - 20;
    leftD = e.pageX;
    jQuery(target).css('top', topD + "px").css('left', leftD + "px");
});
  });

我想知道在哪里看（css？wordpress中的一些特殊内容？）来找出错误在哪里。知道你的代码应该工作但在这种情况下不是......非常令人沮丧......：/

非常感谢，弗朗索瓦

P.S。：对不起我的英语不好，我是法国人

编辑：我必须在Chrome中缩放到33％以查看弹出窗口...：/ 无法发布pict因为我需要10分的东西...所以我放入谷歌驱动器： https://drive.google.com/file/d/0B7w9umPK79uEdldSRWg4VGFNWDg/edit?usp=sharing

在Wordpress中，jquery e.pageX非常偏移

0 个答案: