2013-07-09 70 views
0

我面臨一個問題,因爲一個按鈕控件存在相同的ID在單個頁面中的兩個地方。如何把基於父控制參考/ ID的控制ID,以避免衝突

因爲我爲jira創建了一個自定義字段,它出現在問題視圖屏幕和編輯屏幕上。 「編輯」屏幕只是一個DIV,並且顯示爲無顯示,直到點擊編輯,否則會出現其他問題查看屏幕(均位於單個頁面上)。 我創建的按鈕在這兩個區域都存在。

我們怎樣才能保持一樣的狀態 - 如果父母是「DIV - 編輯」,然後按着按鈕 ELSE 按鈕的另一個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> 
..... 
... 
    .. 

注意:上面突出顯示的問題在問題控制標記評論。

回答

0

我想你可以通過使用ID編輯問題的對話中區分

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