2017-12-01 15 views
0

これは私にとってはうれしいようですが、変更イベントだけが発生しています。私はイベントを別々にバインドすることができましたが、私は逃したことがありませんでしたか?Junk on 'keyup' not binding

$('.js_EmailSupplier_Search, .js_EmailSupplier_Supplier').unbind('keyup change'); 
$('.js_EmailSupplier_Search, .js_EmailSupplier_Supplier').on('keyup change', function() { 

    const search = $('.js_EmailSupplier_Search').val().toLowerCase(); 
    const supplierId = $('.js_EmailSupplier_Supplier').val(); 

    $('.js_EmailSupplier_Row').each(function() { 
     $(this).removeAttr("style"); 

     if (supplierId !== "-1") { 
      if ($(this).attr('data-supplier-id') !== supplierId) 
       $(this).hide(); 
     } 

     if (search !== "") { 
      if ($(this).attr('data-search').toLowerCase().indexOf(search) === -1) 
       $(this).hide(); 
     } 
    }); 

}); 

編集私は 'js_EmailSupplier_Search' のテキストボックスである、と 'js_EmailSupplier_Supplier' の選択であることを追加する必要があります。これが問題だろうか?

答えて

0

あなたのイベントバインディングは機能しています...問題にリンクしているすべてのHTML部分を提供していないため、JavaScriptエラーが発生しましたが、問題はありません。

$('.js_EmailSupplier_Search, .js_EmailSupplier_Supplier').unbind('keyup change'); 
 
$('.js_EmailSupplier_Search, .js_EmailSupplier_Supplier').on('keyup change', function() { 
 

 
    console.log("event fired"); 
 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" class="js_EmailSupplier_Supplier">