jQuery函数只触发一次

Question

function dowork() { 
    $("div#TestPart select option[value^=HMT]").addClass("wrappedElement"); 
} 

protected void Page_Load(object sender, EventArgs e) 
{ 
    lstDepartment.Attributes.Add("onchange","return dowork();"); 
} 

dowork是我的JavaScript函数，它触发的列表框中单击项，但是当我点击第一次正常触发，但是当我点击第二个时间上的列表项不火。

我不明白是什么问题。请帮助我，并提前感谢您的建议。

*<div id="sidebar"> 
    </div> 
    <div id="main"> 
    <div id="header"> 
     <asp:Label ID="lblPackageName" runat="server" Text="Package Name"></asp:Label> 
     <asp:TextBox ID="txtPackageName" runat="server"></asp:TextBox> 
     <asp:Label ID="Label1" runat="server" Text="Sex"></asp:Label> 

     <asp:DropDownList ID="DropDownList1" runat="server"> 
      <asp:ListItem>--Select--</asp:ListItem> 
      <asp:ListItem>Male</asp:ListItem> 
      <asp:ListItem>Female</asp:ListItem> 
      <asp:ListItem>Both</asp:ListItem> 
     </asp:DropDownList> 
    </div> 
    <div id="DepPart"> 
     <asp:ListBox ID="lstDepartment" runat="server" 
      onselectedindexchanged="lstDepartment_SelectedIndexChanged" 
      AutoPostBack="True"></asp:ListBox> 
     </div> 
     <div id="TestPart"> 
      <asp:ListBox ID="lstTest" runat="server" 
       onselectedindexchanged="lstTest_SelectedIndexChanged" AutoPostBack="True"> </asp:ListBox> 
     </div> 
     <div id="SubTestPart"> 
      <asp:ListBox ID="lstSubTest" runat="server"></asp:ListBox> 
     </div> 
     <div id="SelectedTestPart"> 

<asp:ListBox ID="lstSelectedTest" runat="server"></asp:ListBox> 
     </div> 
    </div>* 




    <script type="text/javascript" language="javascript"> 

function dowork() 
{ 
    $("div#TestPart select option[value^=HMT]").addClass("wrappedElement"); 
} 

</script> 

Answer 1

您可以添加“警报（）”或“执行console.log（）”你的DoWork的功能，看是否处理程序不工作，或者只是功能。您也可以打开浏览器控制台并输入dowork（）以手动启动它并查看是否您需要这些。也许在同一个元素中多次添加同一个类有什么问题？没有代码的其余部分很难说。

它是盲目拍摄的，但也许在dowork（）的第二次发射之后，没有这个类的WrappedElement没有元素了吗？那是你要的吗？也许你应该删除类：

$(".wrappedElement").removeClass("wrappedElement");