Question

我在jQuery中使用title属性。

createAlert: function () {            
  return '<img id="img" class="img pull-left" src="/Content/img/demo_16px.png" tabindex="0" style="outline: none;" title=' + demo.rawData + '></span>';
}

此处在此代码中，标题包含动态数据（ demo.rawData包含text =＆＃39;这是我的代码＆＃39;）

但是当我在浏览器中悬停标题时，它只显示这个（即只有第一个字）

谁能说出我做错了什么。？

Answer 1

您需要在“”中包围标题，而不是title="' + demo.rawData + '"而不是title=' + demo.rawData + '，否则呈现的HTML将无效

createAlert: function () {            
  return '<img id="img" class="img pull-left" src="/Content/img/demo_16px.png" tabindex="0" style="outline: none;" title="' + demo.rawData + '"></span>';
}

Answer 2

您可以使用ES6 template literal

再使用一个解决方案

createAlert: function () {            
  return `<img id="img" class="img pull-left" src="/Content/img/demo_16px.png" tabindex="0" style="outline: none;" title="${demo.rawData}"></span>`;
}

参考文件：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

HTML Tittle属性仅显示第一个单词

2 个答案: