遇到问题 jm高亮.

Having trouble with jmHighlight

本文关键字:高亮 jm 问题 遇到      更新时间:2023-09-26

我对Javascript很陌生(好吧,我已经完成了'Hello World'好吧=]),我的其他Web编程技能非常有限。

我正在尝试将 jmHighlight 实施到我已经创建的网页之一中,但发现我什至无法让它在自己的干净页面中工作。 我显然在某处犯了一个非常基本的错误,但不知道在哪里,所以我希望有人能提供帮助。

这是我尝试过的方法,但不起作用:

<!DOCTYPE html>
<html>
    <head>
        <style>
            .context {
                font-size:14px;
                font-family:verdana;
            }
            span.highlight {
            background-color:#000000;
            font-color:#ffffff;
            }
        </style>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
        <script src="jquery.jmHighlight.min.js"></script>
    </head>
    <body>
        <p class="context">some text</p>
        <input type="button" value="Try it" onclick="myFunc()">
        <script>
            function myFunc(){
                jQuery(".context").jmHighlight("some");
                alert("Done!");
            }
        </script>
    </body>
</html>

alert有效,所以我认为基本代码还可以,我认为它更多的是我弄错的插件的语法。 作者在这里展示了他的工作:在 GitHub 上,并在第 2 节中为固定关键字("一些")更改了他的语法,而不是现在使用文本框。 包含与我的页面位于同一位置,但当我预览加载的页面时,调试器中没有显示......

我也尝试从他的基本示例 Fiddle 中提取代码,但仍然无法让它工作。 我也看过SO上的其他jmSpotlight问题,但无法操纵它们为我工作。

如果有人能好心地指出我正确的方向,或者为我提供一个非常简单但完整的工作示例,我可以剖析自己以找出我哪里出错了,我将不胜感激!

这段代码在 Chrome 中工作,我已经尝试过了,这里有一个小提琴,也表明它正在工作。我认为唯一可能不正确的是你通往 jmHighlight 或 jmHighlight 版本的道路。

jmHighlight 也被重命名为 jquery.mark。这是一个指向.min.js的rawgit URL: https://rawgit.com/julmot/jquery.mark/master/dist/jquery.mark.min.js