ASP.NET MVC 创建一个图像和文本的 Ajax.ActionLink

发布于 2024-10-17 11:50:20 字数 1331 浏览 0 评论 0原文

我正在使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文