C# 发生回发时,特定的JQuery效果将停止工作
我有一个动态创建的C# 发生回发时,特定的JQuery效果将停止工作,c#,jquery,C#,Jquery,我有一个动态创建的,我正在尝试使用FadeInFadeOut效果。但是,当回发发生时,这些Jquery效果将停止工作。加载页面时,一切正常,但如果发生回发,它们将停止 动态创建DIV protected string CarregaLista() { int credenciada_Id = Convert.ToInt32(tk.CarregaToken(1, Request.Cookies["token"].Value)); int celula_Id = Convert.To
,我正在尝试使用FadeIn
FadeOut
效果。但是,当回发发生时,这些Jquery效果将停止工作。加载页面时,一切正常,但如果发生回发,它们将停止
动态创建DIV
protected string CarregaLista()
{
int credenciada_Id = Convert.ToInt32(tk.CarregaToken(1, Request.Cookies["token"].Value));
int celula_Id = Convert.ToInt32(tk.CarregaToken(21, Request.Cookies["token"].Value));
string select = "My Select";
SqlConnection c = new SqlConnection(con.Con);
SqlCommand cmd = new SqlCommand(select, c);
c.Open();
try
{
SqlDataReader r = cmd.ExecuteReader();
montaTabela += "<ul id='sortable' class='" + cont + "' style='margin: 0 15px 15px !important; width: 637px !important;'>";
while (r.Read())
{
montaTabela += "<li class='ui-state-default linhaImovel' style='color:#777 !important;' id='" + r["Imovel_Id"].ToString() + "'>";
montaTabela += "<span class='ui-icon ui-icon-arrowthick-2-n-s'></span>";
montaTabela += "<div class='btn btn-mini btn-netimoveis botaoExcluir' style='float: right !important;' id='excluirDestaque_" + r["Imovel_id"].ToString() + "' OnClick='excluirDestaque(" + r["Imovel_Id"].ToString() + ")'><i class='icon-trash icon-white'></i>Excluir</div>";
montaTabela += "<table>";
montaTabela += " <tr>";
montaTabela += " <td>";
montaTabela += " <img src='" + url + "' width='110' height='81' />";
montaTabela += " </td>";
montaTabela += " <td style='padding-left: 20px !important; padding-right: 20px !important; width: 111px !important;'>COD: " + r["Imovel_Id"].ToString() + "<br />" + r["TipoDsc1"].ToString();
montaTabela += " </td>";
montaTabela += " <td style='border-left: 1px dotted #CCC; padding-left: 20px !important; padding-right: 20px !important; width: 111px !important;'>" + r["BairroDsc1"].ToString();
montaTabela += " </td>";
montaTabela += " <td style='border-left: 1px dotted #CCC; padding-left: 20px !important; padding-right: 20px !important; width: 111px !important;'>R$ " + r["ValorImovel"].ToString();
montaTabela += " </td>";
montaTabela += " <td>";
montaTabela += " <span class='badge badge-warning'></span>";
montaTabela += " </td>";
montaTabela += " </tr>";
montaTabela += "</table>";
montaTabela += "</li>";
}
montaTabela += "</ul>";
return montaTabela;
}
catch (Exception e)
{
return montaTabela;
}
}
$(function () {
$(".linhaImovel").mouseenter(function () {
$(this).find(".botaoExcluir").fadeIn();
}).mouseleave(function () {
$(this).find(".botaoExcluir").fadeOut();
});
});
如果替换元素,事件处理程序将不再绑定到新的元素(因为它们是全新的、独立的元素),即使它们与最初执行代码绑定它们时的条件相匹配。您需要使用:
在这种情况下,您应该使用“on”,而不是将事件绑定到对象
$(document).on({
mouseenter: function(e) {
$(this).find(".botaoExcluir").fadeIn();
},
mouseleave: function(e) {
$(this).find(".botaoExcluir").fadeOut();
}
}, '.linhaImovel');