Jquery 动态创建的链接中不显示css颜色
大家好,我对动态创建链接有点迷茫。在我的JavaScript代码中,它是相应的css类。我正在动态地向网格视图添加行 代码如下:Jquery 动态创建的链接中不显示css颜色,jquery,asp.net,twitter-bootstrap,Jquery,Asp.net,Twitter Bootstrap,大家好,我对动态创建链接有点迷茫。在我的JavaScript代码中,它是相应的css类。我正在动态地向网格视图添加行 代码如下: var xmlDoc = $.parseXML(response.d); var xml = $(xmlDoc); var customers = xml.find("Customers"); var totalRows = $("#<%=gvCustomers.ClientID()%>
var xmlDoc = $.parseXML(response.d);
var xml = $(xmlDoc);
var customers = xml.find("Customers");
var totalRows = $("#<%=gvCustomers.ClientID()%> tr").length;
if (totalRows <= 1) {
$('#gvCustomers tbody tr:first').after('<tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>');
}
var row = $("[id*=gvCustomers] tr:last-child").clone(true);
$("[id*=gvCustomers] tr").not($("[id*=gvCustomers] tr:first-child")).remove();
$.each(customers, function () {
var customer = $(this);
$("td", row).eq(0).html($(this).find("fname").text());
$("td", row).eq(1).html($(this).find("mname").text());
$("td", row).eq(2).html($(this).find("lname").text());
$("td", row).eq(3).html($(this).find("qualifier").text());
$("td", row).eq(4).html($(this).find("alias").text());
$("td", row).eq(5).html('<a class=1ref target=_blank href=ShowInformation.aspx?id=' + $(this).find("pid").text() + '><i class=icon-zoom-in icon-white></i>View</a>' + ' ' +
'<a class=2ref href=AddNew.aspx?pid=' + $(this).find("pid").text() + '&edit=1' + '><i class=icon-edit icon-white></i>Edit Info</a>' + ' ' + '<a class=2ref href=CreateSession.aspx?pid=' + $(this).find("pid").text() + '><i class=icon-edit icon-white></i>Edit MugShot</a>');
$("[id*=gvCustomers]").append(row);
row = $("[id*=gvCustomers] tr:last-child").clone(true);
});
现在,当我在浏览器上查看时,结果是创建链接的假定颜色未显示此类“btn btn primary”将使链接颜色变为蓝色,而此“btn btn warning”将显示橙色
我正在使用twitter引导
我的代码或鞋带有错误吗
谢谢您应该在
更改后使用代码,或者在目标元素
上单击
,或者在DOM
中插入元素时使用代码
$DOMNodeInserted=$('yourElement');
$DOMNodeInserte.find('.1ref').addClass('btn btn-primary');
$DOMNodeInserte.find('.2ref').addClass('btn btn-warning');
$("td", row).eq(5).html('<a class=1ref target=_blank \
href=ShowInformation.aspx?id='+this).find("pid").text()+'\
><i class=icon-zoom-in icon-white></i>View</a>'.....
$(function(){
addLinks();
$('#buttonId').on('click',function(){
addLinks();
});// buttonId is id of button which add links after you click
});
另外,通过\
在多行字符串中的转义
,如
$DOMNodeInserted=$('yourElement');
$DOMNodeInserte.find('.1ref').addClass('btn btn-primary');
$DOMNodeInserte.find('.2ref').addClass('btn btn-warning');
$("td", row).eq(5).html('<a class=1ref target=_blank \
href=ShowInformation.aspx?id='+this).find("pid").text()+'\
><i class=icon-zoom-in icon-white></i>View</a>'.....
$(function(){
addLinks();
$('#buttonId').on('click',function(){
addLinks();
});// buttonId is id of button which add links after you click
});
在文档中调用上述函数
。准备好
,然后在您的按钮后单击类似的按钮
$DOMNodeInserted=$('yourElement');
$DOMNodeInserte.find('.1ref').addClass('btn btn-primary');
$DOMNodeInserte.find('.2ref').addClass('btn btn-warning');
$("td", row).eq(5).html('<a class=1ref target=_blank \
href=ShowInformation.aspx?id='+this).find("pid").text()+'\
><i class=icon-zoom-in icon-white></i>View</a>'.....
$(function(){
addLinks();
$('#buttonId').on('click',function(){
addLinks();
});// buttonId is id of button which add links after you click
});
$DOMNodeInserted=$('yourElement')
yourElement
是您的动态创建的元素选择器
为什么不将动态创建的元素的属性用引号括起来?先做。i、 e.
将呈现为
。因此,您的第二类图标白色
无效我尝试了单引号和双引号,但结果相同讽刺的是,链接中的这一部分显示了预期的结果链接是在页面加载后创建的,当我单击搜索按钮时,我是否也应该在按钮上插入代码单击?$DOMNodeInserted=$('yourElement');表示父元素?在调用addlinks函数之前,我是否应该给每个动态链接一个id?您可以在addlinks()中传递类名
或元素
)
。我的代码循环,直到到达最终记录,因此我项目中的按钮单击调用我的函数来加载记录。我尝试过你的代码,但效果相同