我对Java语言非常陌生(好吧,我做过'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有效,因此我认为基本代码还可以,我认为它更多是我弄错了插件的语法。作者在此处显示了自己的工作:here on GitHub,并在第2节中针对固定关键字(“some”)更改了语法,而不是现在使用文本框。包含与我的页面位于同一位置,但是当我预览加载的页面时,不会在调试器中显示...

我也尝试过从他的basic example Fiddle here中删除代码,但仍然无法正常工作。我还在SO上查看了其他jmHighlight问题,但是无法操纵它们为我工作。

如果有人可以向我指出正确的方向,或者为我提供一个非常简单但完整的工作示例,让我可以剖析自己弄清楚哪里出了问题,我将不胜感激!

最佳答案

这段代码在Chrome中有效,我已经尝试过了,这是fiddle,它也可以正常工作。
我认为可能不正确的唯一事情是您通往jmHighlight或jmHighlight版本的路径。

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

10-04 22:41