javascript - 悬停时的文本滚动不适用于 jQuery 2.2.0

标签 javascript jquery html css

我使用 jQuery 在悬停 div 上滚动文本的代码:

HTML:

<div style="width: 390px; margin-left: 50px; background-color: #ddd;">
  <div class="tooMuchWrapper"><span class="tooMuchText tooMuchText1">Got too much text to fit in your content area? Just hover for more more more more more more!</span></div>
</div>

JS:

$(function() {
  $("#tooMuchText1").hoverForMore({
    "speed": 300,
    "loop": false
  });
});

CSS:

.tooMuchText {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-align: left;
  text-overflow: ellipsis;
  cursor: default;
}

但实际上我的代码不起作用。我使用 jQuery 2.2.0 进行测试。我该如何解决这个问题?

演示 JSFIDDLE

最佳答案

在你的 JSFIDDLE 中,删除第 275 行的 }... 更新版本:

$(function()
{
 $(".tooMuchText1").hoverForMore({
   "speed": 300,
   "loop": false,
 });
});

https://jsfiddle.net/wzhpbhcf/1/

关于javascript - 悬停时的文本滚动不适用于 jQuery 2.2.0,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41738138/

相关文章:

Javascript链式解构

javascript - Marionette 。添加通过行为查看的方法

javascript - Chrome 扩展中的 Chrome.extension.getURL 和 AJAX 安全问题

javascript - 使用响应式页面内容实现侧边栏

html - 当页面不是全宽时,响应式 css 日历格式会中断

javascript - 按键时突出显示 HTML 元素中的字符

javascript - 在双引号字符串中转义撇号 (Javascript)

javascript - HTML5模板添加点击事件

javascript - jQuery cloneTo 而不是 appendTo?

jquery - 在 jQuery Mobile 中使用 jQuery UI 对话框