0

ページのデザインと Ajax 呼び出しに関するフィードバックとガイダンスが必要です。参考までに、アプリケーションはnodejsベースです。

最初の Web ページは、最初は最初の列のみが表示されるテーブルです。このようなもの -

   Category       SubCategories              

   Cars           
   Trucks
   SUV

ユーザーが車を選択すると、SubCategories 列に Ford、Honda などを入力する必要があります。したがって、ページは次のように表示されます。

   Category       SubCategories                
   Cars  >        Ford
   Trucks         Honda
   SUV            Fiat

HTML ビュー 

<body>
    <div id="category-container">      
        <h1></h1>
        <p id="sub1" class="subheading">Select a category</p>    
        <div style="margin:20px" class="container">
          <table class="table table-bordered table-striped">
            <thead>
              <tr>                
                <th style="width:180px">Category</th>
                <th style="width:200px">SubCategory</th>                
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <div id="myid"><a href="/playground/:0">Electronics</a></div>
                </td>
              </tr>
              <tr>
                <td>
                  <div id="myid"><a href="/playground/:1">Real Estate</a></div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>   
    </div>
</body>

ユーザーが Cars をクリックすると、ajax 呼び出しを作成してサーバーからデータを取得する予定です。ajax 応答は、2 番目の列に入力されます。

質問 - 上の表はフォームではありません。テーブルは、Ajax 呼び出しを行うためのフォームである必要がありますか?

これは、最終的にAjax呼び出しを行うことを期待している最初のjqueryコードですが、これらのテーブル項目をクリックすると、アラートポップアップが実行されません。Ajax 呼び出しを行うための jquery コードを手伝ってくれる人はいますか?

このコードをjsfiddleで実行すると、ローカルで実行したときに同じことをしない理由がわかりません。

JQuery コード:

$(document).ready(function () {             
    $(".myid").click(function () {  
         alert("Element selected"); 
    });                               
});
4

1 に答える 1