Question

我有4个div部分。

<div id= section1> Edit Button

 
continue button<br/>
</div <br/>

<div id= section2> Edit Button 
<br/> 
continue button<br/>
</div<br/>

<div id= section3> Edit Button 
<br/> 
continue button<br/>
</div<br/>

<div id= section4> Edit Button 
<br/> 
continue button<br/>
</div<br/>

在这种情况下，当单击相应部分的继续按钮时，我将转到下一部分，用户必须在文本框中输入输入。单击继续时，我隐藏控件并显示一个div，其中输入的所有输入都写入其中。

单击编辑时的

将显示相应部分的控件部分，并隐藏所有其他控件部分和编辑按钮，使用户只能输入一个部分详细信息，但不能输入其他部分。

所以每个部分都会发生这种情况。

我的问题是：部分是动态的..我可以显示或隐藏部分，所以在这种情况下如何维护继续和编辑按钮功能？

我需要建议才能实现此功能。

Answer 1

为编辑按钮指定一个类并先按继续按钮。

然后为按钮编写一个事件处理程序，先隐藏所有按钮，然后使点击的按钮可见。

伪代码：

// hide all button defined by their class name
$(".editButtonClass, .continueButtonClass").hide();

// --> if clicked button is a edit button do your job
if( $(this).hasClass("editButton")) {
    // do your job

    // --> the button which was clicked should be visible
    $(this).show();
}

这是一种通用方法，因此它适用于动态元素。

类似于手风琴问题但不使用手风琴

1 个答案: