ASP.NET MVC 创建一个图像和文本的 Ajax.ActionLink
我正在使用 ASP.NET MVC2 构建一个项目,但遇到了问题。根据应用程序 GUI 设计,我应该生成一个如下所示的菜单:
<ul id="toc">
<li><a href="A.html"><img src="img/green_led.png" width="17px" /> Page (A)</a></li>
<li><a href="B.html"><img src="img/yellow_led.png" width="17px" /> Page (B)</a></li>
<li><a href="C.html"><img src="img/red_led.png" width="17px" /> Page (C)</a></li>
<li><a href="D.html"><img src="img/red_led.png" width="17px" /> Page (D)</a></li>
为了生成这些链接,我使用 Ajax.ActionLink 来生成链接,但它会生成这样的菜单
<ul id="toc">
<li><a href="A.html"> Page (A)</a><img src="img/green_led.png" width="17px" /></li>
<li><a href="B.html"> Page (B)</a><img src="img/yellow_led.png" width="17px"/></li>
<li><a href="C.html"> Page (C)</a><img src="img/red_led.png" width="17px"/></li>
<li><a href="D.html"> Page (D)</a><img src="img/red_led.png" width="17px" /></li>
,因为您可以注意到图像是在锚标记之后生成的,而不是在其中。
有什么建议可以解决这个问题吗?
I'm building a project with ASP.NET MVC2 and i have a problem. According to the application GUI design, I have a menu that should be generated to be like that:
<ul id="toc">
<li><a href="A.html"><img src="img/green_led.png" width="17px" /> Page (A)</a></li>
<li><a href="B.html"><img src="img/yellow_led.png" width="17px" /> Page (B)</a></li>
<li><a href="C.html"><img src="img/red_led.png" width="17px" /> Page (C)</a></li>
<li><a href="D.html"><img src="img/red_led.png" width="17px" /> Page (D)</a></li>
In oder to generate those links, I use Ajax.ActionLink to generate the links, but it generates the menu like this
<ul id="toc">
<li><a href="A.html"> Page (A)</a><img src="img/green_led.png" width="17px" /></li>
<li><a href="B.html"> Page (B)</a><img src="img/yellow_led.png" width="17px"/></li>
<li><a href="C.html"> Page (C)</a><img src="img/red_led.png" width="17px"/></li>
<li><a href="D.html"> Page (D)</a><img src="img/red_led.png" width="17px" /></li>
as u can notice the image is generated after the anchor tag not inside it.
Any suggestions to solve this isue?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这是解决方案 创建一个在链接中包含 HTML 元素的 ActionLink文字
this is solution Create an ActionLink with HTML elements in the link text