Href 链接未正确呈现答案

【问题标题】：Href link is not rendering properlyHref 链接未正确呈现
【发布时间】：2019-01-21 03:45:24
【问题描述】：

我正在使用 Kendo 菜单栏在单击菜单项时调用 javascript 函数。但是剑道菜单的url 渲染不正确。下面是代码

function kendoMenu() {
    $('#menu').kendoMenu({
        //orientation: "vertical",
        dataSource: [
            {
                text: "Export",
                value: "newtransaction",
                items: [
                    {
                        text: " Managers",
                        value: "managers",
                        url: "javascript:ImportExport('OFD')"
                    },
                    {
                        text: " Terms",
                        value: "terms",
                        url: "javascript:doImportExport('OFI')"
                    },
                ]
            },
        ],
       // select: onKendoMenuselect
    });
}

但是当我运行程序时，在 html 端它呈现为

<a class="k-link" href="javascript:ImportExport(" ofi')'=""> Terms</a>

但我希望将 href 呈现为：

<a class="k-link" href="javascript:ImportExport('ofi')"> Terms</a>

最好的方法应该是什么？提前感谢您的帮助。

【问题讨论】：

尝试转义引用url: "javascript:ImportExport(\"OFD\")"
@ZahidZuhair 嘿，感谢您的解决方案..您能否将其写为答案，以便我可以选择此作为解决方案并对其他人有所帮助

标签： javascript jquery html telerik kendo-menu

【解决方案1】：

使用反斜杠转义字符串内的引号 (\)

url: "javascript:ImportExport(\"OFD\")"

url: "javascript:doImportExport(\"OFI\")"

【讨论】：

【解决方案2】：

你可以在选择事件中这样做，试试下面的代码。

$('#menu').kendoMenu({
    //orientation: "vertical",
    dataSource: [
        {
            text: "Export",
            value: "newtransaction",
            items: [
                {
                    text: " Managers",
                    value: "managers"
                },
                {
                    text: " Terms",
                    value: "terms"
                },
            ]
        },
    ],
   function onMenuSelect(ev) {
      var selected=ev.item.textContent;
      if(selected == "Managers"){
         window.location.href='your url here';
      }
      else
      {
           and so on...
      }
   }
});

【讨论】：