如何將click事件添加到由服務器端創建的JQuery元素中

Question

我在服務器端創建了一個ul列表，如下所示。 我想點擊事件添加到a與jQuery的元素，但我不能訪問任何元素。 這是我的代碼：

服務器端：

 StringBuilder sbSubCitchens = new StringBuilder();

 sbSubCitchens.Append(@"<div id=""content_1"" class=""subCats"">");
 sbSubCitchens.Append("<ul>");

foreach (kitchen kitchen in kitchenList)
 {
    sbSubCitchens.Append(@"<li><a  class="" " + kitchen.KitchenId + @""">" + kitchen.Name + "</a>  </li>");
 }
 sbSubCitchens.Append("</ul>");
 sbSubCitchens.Append("</div>");

 ltrKitchenList.Text = sbSubCitchens.ToString();

Javascript：

$(document).ready(function () {

 $(".mCSB_container ul li a").click(function () {
       // do smth...
    });
})

HTML輸出：

<div class="mCSB_container" style="position: relative; top: 0px;">
  <ul>
   <li><a class=" 1">Cafe</a>  </li>
   <li><a class=" 2">Dünya Mutfağı</a>  </li>
  </ul>
</div>

Answer 1

嘗試這個：

$(".mCSB_container ul li a").click(function (e) {
    e.preventDefault();
    // do smth...
});

我認為該點擊可能有效，但是由於您沒有阻止默認操作，因此該鏈接可能正在重新加載頁面。

還要確保html輸出是您期望的，因為您發布的服務器端代碼本身不會提供您發布的輸出（因此選擇器將不起作用）。

Answer 2

我認為您必須輸入“ href”參數：

<a href="#" class="whatever">Some stuff</a>