javascript - 如何在外部 js 中使用 javascript 示例？滚动后突出显示一个 div

Question

我一直在努力使用 Javascript，我对此非常陌生。

我想在滚动后突出显示 div。我一直在寻找对 this highlight example 的引用，但我尝试的任何事情都没有做任何事情。

我认为问题在于示例展示了如何在一个简单的 html 文件中完成它，所有内容都是独立的。我在 PHP 电子商务平台 (prestashop) 中工作，必须将 JS 和 CSS 放在各自的位置。我不明白如何正确调用该示例中的内容。由于我没有收到任何错误，所以我不知道如何进行故障排除。没有错误，它只是什么也没做。

在我的 HTML 中有

<div>
  <a onclick="test('myID')">test highlight</a>
  <div id="myID">Here's the div</div>
</div>

在我的JS中

function test(myId){
  $( document ).click(function() {
    $( myId ).toggle( "highlight" );
  });
}

Answer 1

好吧，我解决了你的问题伙计;-)

这是html

---

<div>
    <a>test highlight</a>
    <div id="myID">Here's the div</div>
</div>

jQuery 代码

function test(myId) {
    $("#" + myId).toggle("highlight");
}

$("a").click(function() {
   test("myID"); 
});

---

我所做的是从 anchor 元素中删除您的 onclick 并改为使用 jQuery 绑定(bind)点击事件。成功了 ;-)

这是一个 fiddle如果你想看到它的实际效果。

编辑

我的突出显示功能未如您所愿的原因是因为我使用的是旧版本的 UI 库。并且更新还包含一种使用类来绑定(bind)点击事件的方法。上面的 fiddle 会告诉你。