點擊jQuery不會在第一次點擊時觸發。

Question

我正在使用該庫https://github.com/wikimedia/jquery.ime/blob/master/examples/ced/script.js加載支持多語言編輯的jquery.ime編輯器，在“更改”中存在行為他們正在加載相應的語言JSON。 我需要單擊按鈕的工作。 在按鈕上單擊“我正在打開模式窗口”，那里有文本字段，我在其中使用區域語言編寫。 我知道基於該對應語言的語言代碼即將到來，但是現在的問題是，我可以在第二次單擊按鈕時以區域語言編寫。

這是我的代碼：

open(writecontent: TemplateRef<any>, countvalue,books) {

  this.config.keyboard = false;
  this.modalRef = this.modalService.show(writecontent, Object.assign({}, this.config,{ class: 'gray modal-lg' }));

$( document ).ready( function () {
  'use strict';

  var $ced, ime, $imeSelector, $langSelector;

  $.ime.setPath( '../../' );
  $ced = $( '#ced' );
  // Initialise IME on this element
  $ced.ime( {
    showSelector: false
  } );
  // Get the IME object
  ime = $ced.data( 'ime' );

  ime.enable();
  $imeSelector = $( '#imeSelector' );
  $langSelector = $( '#go' );
  $langSelector.click(function() {

  ime.setLanguage(books.language[0].language_id);

  });

$ced.on( 'imeLanguageChange', function () {
    listInputMethods( ime.getLanguage() );
  });

    function listInputMethods( lang ) {
    $imeSelector.empty();
    ime.getInputMethods( lang ).forEach( function ( inputMethod ) {
      $imeSelector.append(
        $( '<option/>' ).attr( 'value', inputMethod.id ).text( inputMethod.name )
      );
    });
    $imeSelector.trigger( 'change' );
  }

   $imeSelector.on( 'change', function () {
     var inputMethodId = $imeSelector.find( 'option:selected' ).val();
     ime.load( inputMethodId ).done( function () {
       ime.setIM( inputMethodId );
     });
  });
 });

}

HTML代碼

<button id="go" (click)="open(books)" [ngClass]="{'disabled': disbutton}" [disabled]="disbutton" class="cl_add">ADD CONTENT</button>
<ng-template #writecontent>

    <div class="modal-header">
        <button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide();destrory()">
            <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title text-center"> write Content</h4>

    </div>
    <div class="modal-body" role="application">
        <form ngNativeValidate (ngSubmit)="onSubmit()" #writeContentForm="ngForm">

            <div class='imeSelector' style="display:none">
                <select id="imeSelector"></select>
            </div>
            <div>
                <label for="regLang">Title</label>
                <input type="text" id="ced" class="txt_book_inf" name="regLang" minlength="10" maxlength="150" required />
            </div>

            <div>
                <label class="new_span_txt">Write Content</label>

                <textarea id="mytextareaid" name="mytextareaid" rows="20" cols="80" style="width: 100%; height:200px;"></textarea>
            </div>
            <div id="message"></div>

            <br />
            <div class="text-center">
                <button type="submit" class="btn-left" class="btn btn-primary">SAVE</button>
            </div>
        </form>
    </div>
</ng-template> 

我正在同一個按鈕上的Angular項目上同時進行id和angular點擊事件，這是導致問題的原因嗎？

Answer 1

進行此更改后，點擊事件出現問題。

    $(document).on("click", "#go", function(){


});