在jquery中添加span标记不显示

我正在尝试通过onclick更改

您会注意到代码中有span class=“WebFonts”

这是点击前的代码

<a onclick="checkDisableButton(this.id, 'PROCESSING', 'V');" id="ctl00_ContentPlaceHolder1_lbSave" class="ButtonPrimary button buttonPad buttonProcessing" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$lbSave','')" disabled="disabled">PROCESSING   |   <span class="WebFonts">V</span></a>

<a onclick="checkDisableButton(this.id, 'PROCESSING', 'V');" id="ctl00_ContentPlaceHolder1_lbSave" class="ButtonPrimary button" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$lbSave','')">Save</a>

因此，似乎span标记被放入了。。它只是没有显示。。。 您还需要哪些信息来帮助进行故障排除

~~~~~~~~~ 这里有更多的信息。。如果我用这个代替jquery。。。显示webfonts

  document.getElementById(btn).innerHTML = parmText + '<span class=buttonPad>|</span><span class=WebFonts>' + icon + '</span>';
    document.getElementById(btn).className = 'buttonProcessing button ';

document.getElementById（btn）.innerHTML=parmText+'|'+icon+''；
document.getElementById（btn.className='buttonProcessing button'；

---

只是更多信息。。不确定我是否有进展

您的代码导致解析错误；这应该更好：

$('<span></span>', {
    text: icon,
    'class': 'WebFonts'
}).appendTo('#' + btn);

$（“”{
文本：图标，
“类”：“WebFonts”
}).附录（“#”+btn）；

---

我在

类

周围添加了引号，因为您的代码会导致解析错误；这应该更好：

$('<span></span>', {
    text: icon,
    'class': 'WebFonts'
}).appendTo('#' + btn);

$（“”{
文本：图标，
“类”：“WebFonts”
}).附录（“#”+btn）；

---

我在

类中添加了引号

我认为这里的关键短语是：

这是webfont css类，chrome会在我不在的时候呈现它 试图在javascript中附加它

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('/font/fonts/websymbols/websymbols-regular-webfont.eot');
    src: url('/font/fonts/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/fonts/websymbols/websymbols-regular-webfont.woff') format('woff'),
         url('/font/fonts/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
         url('/font/fonts/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.WebFonts {font-family:WebSymbolsRegular}

Chrome在加载字体时非常挑剔，因为这可能是一项耗时的任务。尝试将该类的隐藏元素添加到页面的某个位置：

<span style="visibility:hidden" class="WebFonts">V</span>

V

---

然后，Chrome会在呈现页面时知道加载字体，并在您将其动态添加到链接时准备就绪

我认为这里的关键短语是：

这是webfont css类，chrome会在我不在的时候呈现它 试图在javascript中附加它

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('/font/fonts/websymbols/websymbols-regular-webfont.eot');
    src: url('/font/fonts/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/fonts/websymbols/websymbols-regular-webfont.woff') format('woff'),
         url('/font/fonts/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
         url('/font/fonts/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.WebFonts {font-family:WebSymbolsRegular}

Chrome在加载字体时非常挑剔，因为这可能是一项耗时的任务。尝试将该类的隐藏元素添加到页面的某个位置：

<span style="visibility:hidden" class="WebFonts">V</span>

V

---

然后Chrome将知道在呈现页面时加载字体，并在您将其动态添加到链接时准备就绪

您可以向我们展示

onClientClick

以及运行上述jQuery的函数吗？它在哪里不起作用？您忘记了实际包含“如我所说”的部分。您可以添加html之前的外观和之后的内容吗？我可能有点落后于jQuery选择器上下文，但第二个参数不应该是对象或查询字符串吗？我还推测“”应该是span@MarcB编辑灾难；-）修复能否向我们展示一下

onClientClick

以及运行上述jQuery的函数？它在哪里不起作用？您忘记了实际包含“如我所说”的部分。您可以添加html之前的外观和之后的内容吗？我可能有点落后于jQuery选择器上下文，但第二个参数不应该是对象或查询字符串吗？我还推测“”应该是span@MarcB编辑灾难；-）修正了这个问题的答案。。我确实试过了。。我把代码放在内容页的顶部。我仔细检查了一下，上面的一行在渲染页面中。然而，这并没有解决问题。嗯。。。尝试“可见：隐藏”而不是“显示：无”？就是这样。。如果你能更新你的答案。。我会把它标对的。。谢谢你的回答和解释。。我确实试过了。。我把代码放在内容页的顶部。我仔细检查了一下，上面的一行在渲染页面中。然而，这并没有解决问题。嗯。。。尝试“可见：隐藏”而不是“显示：无”？就是这样。。如果你能更新你的答案。。我会把它标对的。。谢谢你的回答和解释