Question

我有单独的.js，.css和.html文件，需要将它们合并到一个HTML文件中才能部署到IBM Connection中。

但是，在将JavaScript添加到文件中之后，悬停功能不再起作用。

JavaScript：

$("path, circle").hover(function(e) {
  $('#info-box').css('display','block');
  $('#info-box').html($(this).data('info'));
});

$("path, circle").mouseleave(function(e) {
  $('#info-box').css('display','none');
});

$(document).mousemove(function(e) {
  $('#info-box').css('top',e.pageY-$('#info-box').height()-30);
  $('#info-box').css('left',e.pageX-($('#info-box').width())/2);
}).mouseover();

var ios = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
if(ios) {
  $('a').on('click touchend', function() {
    var link = $(this).attr('href');
    window.open(link,'_blank');
    return false;
  });
}

我无法发布HTML，因为它包含太多字符。

Answer 1

您可以将js代码放在 <script><script> 标记（请参见https://www.w3schools.com/html/html_scripts.asp）和

中的css

<head> <style> your css </style> <head>

Answer 2

所有代码均正确。我忘记了以“>”结尾的脚本那就是为什么它不被识别为脚本。谢谢大家。

在HTML文件中移动JavaScript会导致鼠标悬停问题

2 个答案: