css jquery没有';行不通
首先为我的英语道歉。当我点击触发按钮时会弹出一个弹出窗口, 我试着把这个展示到右边,但是css不起作用。我做错了什么? 先谢谢你css jquery没有';行不通,jquery,css,Jquery,Css,首先为我的英语道歉。当我点击触发按钮时会弹出一个弹出窗口, 我试着把这个展示到右边,但是css不起作用。我做错了什么? 先谢谢你 var monscreen = $(window).width(); var mondoc = $(document).width(); if (mondoc > monscreen) { var dif = mondoc - monscreen; $("div#Navigation_Popup").css({ 'right':
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);
}
});
我要离开有限的信息。您提到了
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)
代码块。不确定jquery如何处理这些值,但不是var monscreen=$(window).width();
var mondoc=$(document).width();返回字符串?检查此问题的警报如何?Bind已被弃用,请改用。我还认为所有内容都应该在$(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);
}
});
你能发布你的HTML和一个JSFIDLE来显示问题吗?解释“不起作用”(或者显示它)。如果你不知道确切的问题,很难给出答案。也需要html来解决这个问题
位置设置为什么?right
属性需要absolute
、relative
或fixed
才能生效。位置是绝对的-
会在必要时将它们强制为数字。感谢他的回答,我发现我的错误:)div在updatepanel中,ajax更改css