Question

我面临一个问题，因为在一个页面的两个地方存在一个具有相同ID的按钮控件。

因为我为jira创建了一个自定义字段，它出现在问题视图屏幕和编辑屏幕上。 “编辑”屏幕只是一个DIV并显示为无显示直到编辑被点击否则出现问题视图屏幕（均在单页上）。我创建的按钮存在于该区域。

我们怎样才能保持这样的状态 - 如果父级是“DIV - 编辑”，则保留不同的按钮ID 其他另一个ID按钮。？或任何其他jquery方法来解决这个冲突问题。

以下是在两个地方显示相同控件的内容：

在页面上发布查看屏幕内容：

.... .....
<li id="rowForcustomfield_11200" class="item">
<div class="wrap">
    <strong title="final Dynamic Value" class="name">final Dynamic Value:</strong>
    <div id="customfield_11200-val" class="value type-dynamicvalue editable-field active"
        data-fieldtype="dynamicvalue">
        <form id="customfield_11200-form" class="ajs-dirty-warning-exempt" action="#">
        <div class="inline-edit-fields">
            <div class="field-group">
                <table id="customfield_11200:maintable">
                    <tbody>
                        <tr width="15%">
                            <tr width="15%">
                                <tr width="15%">
                                    <tr width="15%">
                                        <tr width="15%">
                                            <tr width="15%">
                                                <tr width="15%">
                    </tbody>
                </table>
                <input type="button" value="add" id="finaladd" />**PROBLEM CONTROL**
                <input type="button" value="remove" id="finalremove" />**PROBLEM CONTROL**
            </div>
        </div>
        <span class="overlay-icon throbber" />
        <div class="save-options" tabindex="1">
        </form>
    </div>
</div>
</li>
...... 
 ....
  ..

注意：我在上面标注了标签评论为“问题控制

编辑问题屏幕div的同一页面上的另一个内容：

  .......
.............
 <div id="edit-issue-dialog" class="aui-popup box-shadow aui-dialog-open popup-width-custom aui-dialog-content-ready"
style="width: 810px; margin-left: -405px; margin-top: -263.5px;">
<h2 class="aui-popup-heading">
    <div class="aui-popup-content">
        <div class="qf-container">
            <div class="qf-unconfigurable-form">
                <form action="#" name="jiraform" class="aui">
                <div class="form-body" style="max-height: 419px;">
                    <input type="hidden" name="id" value="11100" />
                    <input type="hidden" name="atl_token" value="BP8Q-WXN6-SKX3-NB5M|6533762274aaa5d16f14dbbe010917f161596d8d|lin" />
                    <div class="content">
                        <div class="aui-tabs horizontal-tabs" id="horizontal">
                            <ul class="tabs-menu">
                                <div class="tabs-pane" id="tab-0">
                                    <div class="tabs-pane active-pane" id="tab-1">
                                        <div class="field-group aui-field-something">
                                            <div class="field-group">
                                                <div class="field-group">
                                                    <div class="field-group">
                                                        <label for="customfield_11200">
                                                            final Dynamic Value</label>
                                                        <table id="customfield_11200:maintable">
                                                            <input type="button" value="add" id="finaladd" />  **PROBLEM CONTROL**
                                                            <input type="button" value="remove" id="finalremove" />  **PROBLEM CONTROL**
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="field-group aui-field-wikiedit comment-input">
                                            </div>
                                        </div>
                                        <div class="buttons-container form-footer">
                </form>
            </div>
        </div>
    </div>
</div>
 .....
 ...
   ..

注意：上面突出显示了问题控制标记评论的问题。

Answer 1

我认为你可以通过使用id edit-issue-dialog

来区分

if($("#edit-issue-dialog").length){
//u r in edit form, and do your stuff
}else{
//in create form do your stuff
}

如何根据父控件引用/ ID放置控件ID以避免冲突

1 个答案: