![](/img/trans.png)
[英]How to remove javascript src's if @media (min-width:xxx px) {
[英]jQuery min-width vs width: How to remove px?
在這里嘗試一些基本的jQuery和JavaScript。
.width()
給出了一個整數值。 .css('min-width')
給出一個以px
結尾的值。 因此我不能按原樣做數學。 推薦的工作是什么?
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').width());
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width'));
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').width() >= $('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width'));
if ($('#<%=lstProcessName.ClientID%>').parent('.column4').width() >= $('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width')) {
...
}
使用replace()
:
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width').replace('px', ''));
或者,您可以使用parseInt
函數:
alert(parseInt('1px')); //Result: 1
更好的方法是使用parseInt
。 jQuery函數.width()
和.height()
工作得非常好。
此外,最好將這些值的獲取封裝在獨立函數中:
.minHeight()
.minHeight( size )
.minHeight( function() )
.maxHeight()
, ...
.minWidth()
, ...
.maxWidth()
, ...
像這樣:
(function($, undefined) {
var oldPlugins = {};
$.each([ "min", "max" ], function(_, name) {
$.each([ "Width", "Height" ], function(_, dimension) {
var type = name + dimension,
cssProperty = [name, dimension.toLowerCase()].join('-');
oldPlugins[ type ] = $.fn[ type ];
$.fn[ type ] = function(size) {
var elem = this[0];
if (!elem) {
return !size ? null : this;
}
if ($.isFunction(size)) {
return this.each(function(i) {
var $self = $(this);
$self[ type ](size.call(this, i, $self[ type ]()));
});
}
if (size === undefined) {
var orig = $.css(elem, cssProperty),
ret = parseFloat(orig);
return jQuery.isNaN(ret) ? orig : ret;
} else {
return this.css(cssProperty, typeof size === "string" ? size : size + "px");
}
};
});
});
})(jQuery);
您的代碼將轉向:
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').width());
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').minWidth());
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').width() >= $('#<%=lstProcessName.ClientID%>').parent('.column4').minWidth());
if ($('#<%=lstProcessName.ClientID%>').parent('.column4').width() >= $('#<%=lstProcessName.ClientID%>').parent('.column4').minWidth()) {
一些字符串操作刪除'px'然后使用parseInt
將其作為數字:
var minWidth = parseInt($('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width').replace('px', ''), 10)
如果首先將.css('min-width')
的返回值傳遞給parseInt
,它將為您刪除“px”。
parseInt(
$('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width'),
10
);
(不要忘記parseInt
的第二個參數。)
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width').substring(0,indexOf('px'));
將子字符串用於從最小寬度返回的值以刪除px
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.