遇到jmHighlight问题

时间:2016-02-28 13:53:49

标签: javascript jquery html highlight

我是Javascript的新手(好吧,我已经完成了' Hello World'好吧=]),而我的其他网络编程技巧非常有限。

我正在尝试将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部分中修改了他的语法,以获取固定关键字(&#39;某些&#39;)而不是现在使用文本框。 include与我的页面位于同一位置,但在我将页面预览为已加载时,它不会显示在调试器中...

我也尝试从他的basic example Fiddle here中提取代码,但仍无法使其正常工作。我也在这里看过其他jmHighlight问题,但不能操纵它们为我工作。

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

1 个答案:

答案 0 :(得分:2)

此代码在Chrome中有效,我已经尝试过了,这里有一个fiddle,它也表明它正在运行。 我认为唯一不对的是你通往jmHighlight或jmHighlight的版本。

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

相关问题