JQueryを使用して、この古いJavaScript/ASPクラシックコード（クリーン）を邪魔にならないようにするにはどうすればよいですか？

Question

私はASP Classicスクリプトを使用している古いシステムで作業しています。

私はテーブルの一部をレンダリングするこのコードの断片を持つASPクラシックファイルでは、次のように

<td nowrap align="center"> 
    <%if iBidCount > 0 then %> 
    <a class="number-of-bids" onClick="showBidHistory(<% = oRSResults("ListedPlatesId") %>, this);" title="Click to show bid history"><%= iBidCount %></a> 
    <% else %><span class="no-bids">0</span> 
    <%end if%> 
</td> 

私はonClickイベントのために持っているJavaScriptは次のとおりです。

function fetchBidHistory (pListedPlatesId) { 
     var d = new Date(); 
     var t = d.getTime(); 

     $.get('/auction/includes/new-bidhistory.asp?lplateid=' + pListedPlatesId + "&xx=" + t, 
     function(data){ 
      $('#BidHistory').html(data).animate({opacity:1.0}, 400); 
     }); 
} 

function showBidHistory(pListedPlatesId, pObj) { 
    var lyrBidHistory = $('#BidHistory'); 
    //Populate the DIV 
    fetchBidHistory (pListedPlatesId);  
} 

することができますように私はそれにいくつかのJQueryを実装することができました。 JavaScriptをできるだけ邪魔にならないようにするつもりです。また、一度表示されたら、DIV#BidHistoryが消えてしまう問題がありますか？

これを行う方法はありますか？何か案は？

ご協力いただきまして誠にありがとうございます。ありがとう

Answer 1

JavaScriptを邪魔にならないようにするには、まず最初に、HTMLからイベントハンドラを削除し、javascriptファイルのイベントリスナに置き換えます。

例：

<a class="number-of-bids" onClick="showBidHistory();">Old Link</a> 

は次のようになりますに似あなたのJavaScriptのコードの余分な行で

<a class="number-of-bids" id="bidHistoryLink">New Link</a> 

：これを行う

$('#bidHistoryLink').click(function() { 
alert('your bid history is:' bidHistory); 
}); 

はあなたがはるかに動的にすることができますどのようにサイトを構成し、再編成するかについて説明します。ウェブサイト全体を変更することは、特に管理しやすくなります。