編集後に警告メッセージが表示されなくなる

Question

次の機能があります。警告メッセージを作成してページの読み込みに使用できます。メッセージはidがdx-alert-contentのシンプルなテキストエリアで書かれます。メッセージの書き込み後、WordPressページを更新するとページビューが表示され、メッセージは正しく表示されますが、メッセージを変更しようとすると変更が更新され、ページが更新されます。理由は分かりません。 bodyタグに追加されたラッパーまたはオーバーレイが、それがzインデックスの問題である場合

if(action === 'alert'){ 
      var parentDiv = jQuery(this).parents('.dx-columns'); 

      jQuery('#dx-alert-content').val(parentDiv.find('.hidden').html()); 
      jQuery('#dx-alert-type').val(parentDiv.attr('data-alert')); 
      jQuery('#dx-alert-ids').val(parentDiv.attr('data-alert-ids')); 

      if(parentDiv.attr('data-alert')=='On Click'){ 

       jQuery('.dx-alert-ids-wrap').show(); 
      } 


      if(parentDiv.attr('data-alert') == 'On Page Load') { 

       jQuery(' .dx-alert-content').show(); 

      } 

      jQuery(' .dx-alert-content').show(); 

      jQuery('#dx-alert').dialog({ 
        width: 1200, 
        height: 350, 
        close: function(event, ui) { 
         jQuery(this).dialog("destroy"); 
        }, 
        buttons: { 
        'Save': function() { 

         var content = jQuery('#dx-alert-content').val(); 
         parentDiv.attr('data-alert',jQuery('#dx-alert-type').val()); 
         parentDiv.attr('data-alert-ids',jQuery('#dx-alert-ids').val()); 
         content = jQuery(content).text().replace('script', ''); 

         var check = parentDiv.find('.hidden').length; 

         if(!check) { 
          parentDiv.append('<div class="hidden">' + content + '</div>'); 
         } 
         else{ 
          parentDiv.find('.hidden').html(content); 
         } 

         jQuery(this).dialog('destroy'); 
        } 
       } 
      }); 
     } 

Answer 1

：ここではHTML

<div id="dx-alert" title="<?php _e('Set Alert', 'dxeasypb'); ?>"> 
    <div class="editor-wrapper"> 
     <textarea name="dx-alert-content" id="dx-alert-content" placeholder="<?php _e('Write Alert Message...', 'dxeasypb'); ?>"></textarea> 
    </div> 
    <div class="option-wrapper"> 
     <h4 class="js-option-wrapper-alert option-wrapper-alert"><?php _e('Alert Settings', 'dxeasypb'); ?></h4> 
     <div class="option-alert option-wrapper-inner"> 
      <div> 
       <label for="dx-alert-type"><?php _e('Select Alert Type', 'dxeasypb'); ?></label> 
       <br> 
       <select id="dx-alert-type" name="dx-alert-type"> 
        <option value="On Page Load"><?php _e('On Page Load', 'dxeasypb'); ?></option> 
        <option value="On Click"><?php _e('On Click', 'dxeasypb'); ?></option> 
       </select> 
       <br><br> 
       <div class="dx-alert-ids-wrap"> 
        <label for="dx-alert-ids"><?php _e('Ids of Element', 'dxeasypb'); ?></label> 
        <input type="text" name="dx-alert-ids" id="dx-alert-ids" placeholder="<?php _e('Enter Ids of Element', 'dxeasypb'); ?>"> 
        <br> 
        <p class="dx-dialog-input-description"><?php _e('Enter Ids of Element, Each Seperated By Space.', 'dxeasypb'); ?></p> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

とJavaScriptです。あなたは

http://bootboxjs.com/examples.html