if($(this).next().is(":visible")){
时间: 2024-05-07 10:19:39 浏览: 9
这是 JavaScript/jQuery 代码,用于判断当前元素的下一个元素是否可见。如果下一个元素可见,则执行条件语句内的代码。可以用在控制元素的显示和隐藏等场景中。具体可以看下面的代码示例:
```
if ($(this).next().is(":visible")) {
// 如果下一个元素可见,则执行以下代码
$(this).next().hide(); // 隐藏下一个元素
} else {
// 如果下一个元素不可见,则执行以下代码
$(this).next().show(); // 显示下一个元素
}
```
相关问题
// 查看对账单详情 function onDetail(row: any) { // eslint-disable-next-line no-console console.log('父组件', row) data.value.formModeProps.id = row.id data.value.formModeProps.visible = true if (row.isCompleted !== '未回款') { data.value.disabled = true } else { data.value.disabled = false } }我需要在子组件调用这个方法,点击子组件表格一行的按钮,父组件来执行这个方法
你可以在子组件中使用$emit来触发父组件中的方法调用,比如这样:
// 子组件中
<template>
<el-table :data="tableData">
<el-table-column label="操作">
<template slot-scope="scope">
<el-button @click="handleDetail(scope.row)">查看详情</el-button>
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
methods: {
handleDetail(row) {
this.$emit('onDetail', row)
}
},
props: {
tableData: Array
}
}
</script>
// 父组件中
<template>
<ChildComponent :tableData="tableData" @onDetail="onDetail"></ChildComponent>
<!-- 其它内容 -->
</template>
<script>
export default {
methods: {
onDetail(row) {
console.log('父组件', row)
data.value.formModeProps.id = row.id
data.value.formModeProps.visible = true
if (row.isCompleted !== '未回款') {
data.value.disabled = true
} else {
data.value.disabled = false
}
}
},
data() {
return {
data: {} // 初始化
}
},
props: {
tableData: Array
}
}
</script>
function ContinuousForceDirectedLayout() { go.ForceDirectedLayout.call(this); this._isObserving = false; this.defaultDirection = go.LayoutDirection.Right; } go.Diagram.inherit(ContinuousForceDirectedLayout, go.ForceDirectedLayout); this.defaultDirection不存在咋整
在 ContinuousForceDirectedLayout 函数中,`defaultDirection` 属性确实未定义,可能是因为该属性并不是 go.ForceDirectedLayout 类的属性,而是 go.Layout 类的属性。因此,需要在继承 go.ForceDirectedLayout 类之后,再通过 `go.Diagram.inherit` 方法将 go.Layout 类的属性和方法继承过来,包括 `defaultDirection` 属性。
以下是一个完整的 ContinuousForceDirectedLayout 类的实现代码示例:
```javascript
function ContinuousForceDirectedLayout() {
go.ForceDirectedLayout.call(this);
this._isObserving = false;
}
go.Diagram.inherit(ContinuousForceDirectedLayout, go.ForceDirectedLayout);
// 继承 go.Layout 类的属性和方法
ContinuousForceDirectedLayout.prototype.doLayout = function(coll) {
var diagram = this.diagram;
if (diagram === null) return;
var lay = this;
if (this._isObserving) {
var wait = setTimeout(function() {lay.doLayout(coll);}, 10);
return;
}
var parts = new go.List();
var it = coll.iterator;
while (it.next()) {
var part = it.value;
if (part instanceof go.Node && part.visible && !part.isLayoutPositioned && !part.isSelected) {
parts.add(part);
}
}
var moved = false;
parts.each(function(node) {
if (!node.isLayoutPositioned) {
var pos = node.position;
node.position = new go.Point(pos.x, pos.y);
moved = true;
}
});
if (!moved) return;
var defs = new go.Map();
parts.each(function(node) {
lay.addNodeAndLinks(node, defs);
});
var bnds = lay.makeNetwork(coll).vertexBounds;
var bnds = new go.Rect(bnds.x - 100, bnds.y - 100, bnds.width + 200, bnds.height + 200);
var sc = lay.springLength;
var k = lay.springStiffness;
var iters = lay.iterations;
var dt = 10.0;
var damping = lay.damping;
var moves = new go.Map();
parts.each(function(node) {
if (!node.isFixed()) {
var mov = moves.add(node, new go.Point());
var p = node.position;
var o = new go.Point(bnds.centerX, bnds.centerY);
mov.set(p.copy().subtract(o).scale(-k / (sc * sc)));
}
});
for (var i = 0; i < iters; i++) {
parts.each(function(node) {
if (node.isFixed()) return;
var mov = moves.getValue(node);
var p = node.position;
var v = mov.copy().add(lay.getEffectiveForce(node));
var newPos = p.copy().add(v.scale(dt));
node.position = newPos;
});
if (damping > 0 && i < iters - 1) {
parts.each(function(node) {
if (node.isFixed()) return;
var mov = moves.getValue(node);
mov.scale(damping);
});
}
}
var e = diagram.toolManager.draggingTool;
if (e !== null) e.computeEffectiveForce();
lay.updateParts();
};
ContinuousForceDirectedLayout.prototype.defaultDirection = go.LayoutDirection.Right;
```
在上面的代码中,我们通过 `go.Diagram.inherit()` 方法将 `go.Layout` 类的属性和方法继承到 `ContinuousForceDirectedLayout` 类中,包括 `defaultDirection` 属性。在这个示例中,`defaultDirection` 被设置为 `go.LayoutDirection.Right`,表示默认的排列方向为从左到右。如果需要修改排列方向,可以通过修改这个属性的值来实现。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
<body> FAQ列表 jQuery语法 常见问题 1jQuery 库中的 $() 是什么? $() 函数是 jQuery() 函数的别称。$() 函数用于将任何对象包裹成 jQuery 对象,接着你就被允许调用定义在 jQuery 对象上的多个不同方法。 2$(document).ready() 是个什么函数 ready() 函数用于在文档进入ready状态时执行代码 3如何在点击一个按钮时使用 jQuery 隐藏一个图片? jQuery为按钮点击之类的事件提供了很好的支持。通过ID或class定位到的图片,为按钮设置事件并执行hide() 方法即可隐藏元素。 <script type="text/javascript"> $(document).ready(function () { $(".click").hover(function () { $(".zk").hide(); }) $(".num").click(function () { $(".zk").show(); }) }) </script> </body>点击小图标实现展开和隐藏效果(使用动画)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)