CSS jQuery不起作用

Question

首先為我的英語道歉。 當我確實點擊triggerPop時，我有一個彈出窗口，它出現了，我試圖向右顯示此窗口，但css無法正常工作。 我究竟做錯了什么？ 先感謝您。

var monscreen = $(window).width();
var mondoc = $(document).width();

if (mondoc > monscreen) {
    var dif = mondoc - monscreen;
    $("div#Navigation_Popup").css({
        'right': dif + 'px'
    });
}

$(function() {
    $('#triggerPop').bind('click', function(e) {
        $("#Navigation_Popup").slideFadeToggle(function() {});
        return false;
    });

    $.fn.slideFadeToggle = function(easing, callback) {
        return this.animate({
            opacity: 'toggle',
            height: 'toggle'
        }, "fast", easing, callback);
    }
});​

Answer 1

我要講的是有限的信息。 你提到css ...

我將移動所有這些代碼：

var monscreen = $(window).width();
var mondoc = $(document).width();

if (mondoc > monscreen) {
  var dif = mondoc - monscreen;
  $("div#Navigation_Popup").css({
    'right': dif + 'px'
  });
}

代替

$(function(){
  .
  .
  .
});

到目前為止，在准備好文檔之前， if (mondoc > monscreen)代碼塊正在執行。

Answer 2

不確定jquery如何處理這些值，但是isnt var monscreen = $（window）.width（）; var mondoc = $（document）.width（）; 返回字符串？ 警報檢查一下如何？

Answer 3

綁定已棄用，請嘗試。 我還認為所有內容都應在$（function（））處理程序中，因此，請嘗試以下操作：

$(function() {
    var monscreen = $(window).width();
     var mondoc = $(document).width();

    if (mondoc > monscreen) {
        var dif = mondoc - monscreen;
        $("div#Navigation_Popup").css({
           'right': dif + 'px'
        });
    }
    $('#triggerPop').on('click', function(e) {
        $("#Navigation_Popup").slideFadeToggle(function() {});
        return false;
    });

    $.fn.slideFadeToggle = function(easing, callback) {
        return this.animate({
            opacity: 'toggle',
            height: 'toggle'
        }, "fast", easing, callback);
    }
});