Question

 var mapWidth = $(this).data('width') ? $(this).data('width') : 100;

我想以％px为单位。我试着100％＆＃39;但是不行。有什么建议。提前谢谢。

Answer 1

您不想更改data属性，因为您显然正在尝试使用代码 - 您想要更改width属性：

$(this).width('100%');

Answer 2

首先必须选择元素本身才能使用$(this) 你可以使用$('type'), $('#id') or $('.class')来改变它的CSS，而不是它的数据。

一般的例子是（使用ID为＃34的元素; map＆＃34;：

$('#map').css('width', '100%');

Answer 3

我认为您应该使用.css() jQuery function

希望它有所帮助！ ;）

jQuery(document).ready(function() {
  $('#width_val').on('change', function() {
    var width_val = $(this).val();
    $('#div_example').css('width', width_val + '%');
  });
});

#div_example {
  display: block;
  height: 20px;
  background: green;
  width: 0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="range" id="width_val" min="0" max="100" value="0">
<div id="div_example"></div>

如何使用jquery将像素更改为百分比

3 个答案: