Question

我正在加载支持多语言编辑的jquery.ime编辑器，使用这个库https://github.com/wikimedia/jquery.ime/blob/master/examples/ced/script.js，行为就是＆＃34;更改＆＃34;他们正在加载相应的语言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 CODE

<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和角点击事件导致问题？

Answer 1

使此更改工作正常后点击事件的问题。

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


});

第一次点击时点击不点击的jQuery ..点击第二次点击

1 个答案: