jQuery在'this'div中不起作用

Question

我遇到<nowyboardal>的问题。

如果2个输入位于<nowyboardal>内，则显示disable不起作用。如果它们不在内部，则一切正常。如何修复此代码以使JQuery正常工作？

<form method='POST' id='form_delete_account'>
<main v-cloak class='styl-1'>
  <p data-toggle='modal' class='styl-2' @click='toggleModal()'>{$lang['s_009']}</p>
  <nowyboardal id='showpopup' v-if='modal.isOpen' :has-mask='modal.hasMask' :can-click-mask='modal.canClickMask' :has-x='modal.hasX' @toggle='toggleModal'>
    <nowyarticle v-cloak>
      <nowysection>$user_style_account_delete</nowysection>
      <nowysection>
        <h3 class='d_tr'>{$lang['s_057']}</h3>
          <fieldset class='material d_ct'>
            <div style='text-align:left'>
              <input required type='new-password' name='password' id='i_delete_account'>
              <label>{$lang['s_051']}</label>
              <hr>
            </div>
          </fieldset>
          <div class='d-e-b-c'>
            <input class='delete-account-button' type='submit' id='b_delete_account' value='{$lang['s_059']}' disabled='true'/>
          </div>
        </form>
      </nowysection>
    </nowyarticle>
  </nowyboardal>
</main>

JS

$('#i_delete_account').keyup(function(){
  var i_delete_account = $('#i_delete_account').val();
  if (i_delete_account.length > 5) {
    $('#b_delete_account').prop('disabled', false);
  } else {
    $('#b_delete_account').prop('disabled', true);
  }
});