拍賣推託：替換.keyup功能

我試圖使用拍賣微調代碼來顯示來自我的易趣店的商品。當您將文本輸入到表單中時，此代碼段會過濾項目。我想要做的就是用靜態關鍵字替換表單中的.keyup函數，該關鍵字將在頁面加載時過濾結果。拍賣推託：替換.keyup功能

我已經嘗試修剪和chaning的代碼，但我的jQuery知識不是真的抓起來。

在這個例子中，我會想只顯示使用關鍵字「捷飛」

   <!doctype html> 
      <html lang="en"> 
      <head> 
       <meta charset="utf-8" /> 
       <title>Auction Nudge Demo - Filtering By Keyword</title> 
       <style type="text/css"> 
    form label { 
     display: block; 
     font-weight: bold; 
    } 
    </style> 
    </head> 
    <body> 
    <p>This example demonstrates how to filter a list of items shown using the column theme. Items not matching the specified keyword will be hidden. <a href="http://www.auctionnudge.com/demos/demo-filter-by-keyword.html.txt">view the source</a></p> 


<form> 
    <label for="auction-nudge-filter">Filter</label> 
    <input type="text" name="auction-nudge-filter" id="auction-nudge-filter" value="Enter a keywordâ€¦" /> 
</form> 
    <script type="text/javascript" src="http://www.auctionnudge.com/item_build/js/SellerID/soundswholesale/siteid/3/theme/columns/MaxEntries/100/grid_cols/2/grid_width/100%25/show_logo/0"></script><div id="auction-nudge-items" class="auction-nudge"><a href="http://www.auctionnudge.com/">Live eBay Listings From Auction Nudge</a></div> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
    <script type="text/javascript"> 
     function auction_nudge_loaded() { 
      var filter_cleared = false; 
      $(document).ready(function() { 
       //Clear text input on focus (only the first time!) 
       $('#auction-nudge-filter').focus(function() { 
        if(! filter_cleared) { 
         $(this).val(''); 
         filter_cleared = true; 
        } 
       }); 

       //Each time the keyword input field is updated 
       $('#auction-nudge-filter').keyup(function() { 
        var keyword = $(this).val().toUpperCase(); 
        //Iterate over each item title 
        $('#auction-nudge-items td.title').each(function() { 
         var row = $(this).parent('tr'); 
         var title = $(this).text().toUpperCase(); 
         //If the title does not contain the keyword then hide the row 
         if(title.indexOf(keyword) == -1) { 
          row.hide(); 
          $('td', row).hide(); 
         } else { 
          row.show(); 
          $('td', row).show(); 
         } 
        });     
       }); 
      }); 
     } 
    </script> 
    </body> 
    </html>

來源

2013-01-07 Guy John Culmer

我不認爲這是java的。 .. – Woot4Moo

只是不調用文件加載拍賣中準備的項目。文件準備就緒時便會不火

來源

2013-01-07 16:50:48 user1955595

以下是將過濾在給定的關鍵字（在這種情況下，「KEYWORD_TO_FILTER_BY」）結果腳本的修改版本：

<!doctype html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8" /> 
    <title>Auction Nudge Demo - Filtering By Keyword</title> 
    <style type="text/css"> 
     form label { 
      display: block; 
      font-weight: bold; 
     } 
    </style> 
    </head> 
    <body>  
     <script type="text/javascript" src="http://www.auctionnudge.com/item_build/js/SellerID/soundswholesale/siteid/3/theme/columns/MaxEntries/100/grid_cols/2/grid_width/100%25/show_logo/0"></script><div id="auction-nudge-items" class="auction-nudge"><a href="http://www.auctionnudge.com/">Live eBay Listings From Auction Nudge</a></div> 
     <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
     <script type="text/javascript"> 
      function auction_nudge_loaded() { 
       var filter_cleared = false; 
       $(document).ready(function() { 
        var keyword = 'KEYWORD_TO_FILTER_BY'; 
        //Iterate over each item title 
        $('#auction-nudge-items td.title').each(function() { 
         var row = $(this).parent('tr'); 
         var title = $(this).text().toUpperCase(); 
         //If the title does not contain the keyword then hide the row 
         if(title.indexOf(keyword) == -1) { 
          row.hide(); 
          $('td', row).hide(); 
         } else { 
          row.show(); 
          $('td', row).show(); 
         } 
        });     
       }); 
      } 
     </script> 
    </body> 
</html>

來源

2013-06-21 16:45:01 morehawes

拍賣推託：替換.keyup功能

回答

相關問題