jq中height = maxHeight; 把maxHeight减去20px赋值给height
时间: 2024-02-26 15:58:14 浏览: 12
你可以在jq中使用以下代码实现:
```
var maxHeight = 100; // 假设maxHeight为100px
var height = maxHeight - 20; // 减去20px
$('.selector').css('height', height + 'px'); // 将新的高度赋值给height属性
```
其中,`.selector`为你要设置高度的元素选择器。这段代码会将该元素的高度设为80px。
相关问题
$.ajax({ url: editor.config.imageUploadURL, type: 'POST', data: formData, processData: false, contentType: false, success: function(data, textStatus, jqXHR){ var isNew; if (jqXHR.status == 200) { maxWidth = Math.min(inputWidth, 700); maxHeight = Math.min(inputHeight, 700); width = inputWidth; height = inputHeight; if (inputWidth > maxWidth){ width = maxWidth; height = inputHeight * maxWidth / inputWidth; } if (height > maxHeight){ width = width * maxHeight / inputHeight; height = maxHeight; } var html = '<img src="' + data + '" class="image-editor draggable" data-width="' + inputWidth + '" data-height="' + inputHeight + '" width="' + width + '">'; $("#" + curr).append(html); } },为图片添加拖拽功能,并且页面刷新之后也能拖拽
要为图片添加拖拽功能,可以使用jQuery UI库中的draggable方法。可以在成功上传图片后,动态添加类名为"draggable"的img标签,并在页面刷新时重新初始化。
代码示例:
1. 引入jQuery和jQuery UI库
```html
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
```
2. 修改上传成功后的回调函数,添加拖拽功能
```javascript
success: function(data, textStatus, jqXHR){
// 省略部分代码
var html = '<img src="' + data + '" class="image-editor draggable" data-width="' + inputWidth + '" data-height="' + inputHeight + '" width="' + width + '">';
$("#" + curr).append(html);
// 重新初始化拖拽功能
$(".draggable").draggable({
containment: "parent"
});
}
```
其中,containment选项指定拖拽范围为父元素,即图片只能在其父元素内拖拽。
解释: initTableHeight: function () { const height = `${this.$refs['innerContent'].clientHeight - 100}px`; this.$nextTick(() => { this.maxHeight = height; }); },
这是一个 Vue.js 组件中的一个方法,用于初始化表格的高度。方法中首先通过 `$refs` 获取到组件中名为 `innerContent` 的 DOM 元素,然后通过 `clientHeight` 属性获取该元素的高度,并减去 100 像素作为表格的最大高度。最后通过 `$nextTick` 方法将计算后的最大高度赋值给组件的 `maxHeight` 属性。`$nextTick` 方法用于在 DOM 更新后执行回调函数,以确保本方法中的 DOM 操作已经生效。