我正在尝试为卡片生成器制作动态样本对象。
这里的目标是在asp.net更新面板中使用jquery颜色选择器来选择颜色,所选颜色将显示在卡片框架上( <div>
对象)。
正如我在几篇文章中所读到的,保持刷新动态的唯一方法是使用setInterval计时器每100个更新颜色选择器中选择的颜色,因为选择器将颜色传递给文本框,然后setInterval读取信息和更新卡的颜色。
这是代码,工作正常:
$(document).ready(function () {
setInterval(function () {
var cant = $('input[id$="txtColorFuente"]').val().length;
if (cant >= 6) {
$('div[id$="divMarco"]').css("color", "#" + $('input[id$="txtColorFuente"]').val());
}
cant = $('input[id$="txtColorFondo"]').val().length;
if (cant >= 6) {
$('div[id$="divMarco"]').css("background-color", "#" + $('input[id$="txtColorFondo"]').val());
}
}, 100);
});
DOM是这样的:
MasterPage,
Body,
Content(inner page),
<asp:UpdatePanel runat="server" ID="updatePanel1" UpdateMode="Conditional">
<ContentTemplate>
<section class="AdminFormLeft">
<asp:Label ID="lblResult" CssClass="message-error" runat="server" Text=""></asp:Label>
<ul>
<li class="labelForm">Color de fondo<br />
<asp:TextBox ID="txtColorFondo" MaxLength="6" runat="server"></asp:TextBox><br /></li>
<li class="labelForm">Color de fuente<br />
<asp:TextBox ID="txtColorFuente" MaxLength="6" runat="server"></asp:TextBox><br /></li>
</ul>
</section>
</ContentTemplate>
<Triggers>
//My triggers here
</Triggers>
</asp:UpdatePanel>
这很好,直到更新面板刷新,然后丢失,因为它被重新生成,所以我必须使用delegate()或on()函数,但是我的所有尝试都是徒劳的。 ¿如何在上面设置间隔函数上实现委托或函数?谢谢!