我的jquery有什么问题?我想根据屏幕尺寸使我的div更大,并且有很多很好的例子,但仍然没有成功。
.picLeft {
border: 4px solid black;
border-radius: 15px;
width: 130px !important;-------> I need to change this
height: 130px;-------> I need to change this
text-align: center;
background-color: white;
margin: 10px !important;
padding: 0px;
float: left;
}
**EDIT TWO DIVS LIKE THAT**
var height = window.innerHeight;
var width = window.innerWidth;
console.log("height------->" +height);
console.log("width-------->" +width);
// <div class="ui-block-a picLeft" id="leftDiv">
//$("#leftDiv").css("width","300 !important"); NOT working
$(".picLeft").css("width","300 !important"); //NOT Working
<div class="ui-grid-a" style="background-color:black">
<div class="ui-block-a picLeft" id="leftDiv">
<img src="images/nk100x100.jpg" data-theme="c"
id="pictureId" />
</div>
<div class="ui-block-b picRight">
<img src="images/th100x100.jpg" data-theme="c" id="pictureId2" />
</div>
</div>
谢谢! 萨米
答案 0 :(得分:2)
$(".picLeft").css("width","300px !important"); //Added "px"
答案 1 :(得分:2)
你错过了px
:
$(".picLeft").css("width","300px !important");
我建议使用百分比值或CSS3媒体查询来执行此操作。
答案 2 :(得分:2)
这个怎么样:
$(window).resize(function()
{
$('#display').css('width', ($(this).width() - 100) + 'px');
});
答案 3 :(得分:1)
试试这个......
var width = jQuery(window).width();
jQuery('div.picLeft').css('width':width);
jQuery(window).resize(function() {
var width = jQuery(window).width();
jQuery('div.picLeft').css('width':width);
});
答案 4 :(得分:1)
您可以在css文件中使用类似下面示例的表达式:
width: expression((document.body.clientWidth - 300) + "px") !important;
认为它可能有用。你也可以这样做有条件的那样:
width: expression( document.body.clientWidth > 1000 ? "1000px" : "99%" );
我知道这不是你所问的,但其他人已经给出了很好的例子;这只是另一种选择。