jmHighlight 遇到问题答案

【问题标题】：Having trouble with jmHighlightjmHighlight 遇到问题
【发布时间】：2016-06-11 12:52:49
【问题描述】：

我对 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 节中将他的语法更改为固定关键字 ('some')，而不是现在使用文本框。包含与我的页面位于同一位置，但在我预览加载的页面时不会显示在调试器中......

我也尝试从他的basic example Fiddle here 中提取代码，但仍然无法正常工作。我还在这里查看了关于 SO 的其他 jmHighlight 问题，但无法操纵它们为我工作。

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

【问题讨论】：

标签： javascript jquery html highlight

【解决方案1】：

此代码在 Chrome 中运行，我已经尝试过，这里是 fiddle，它也表明它正在运行。我认为唯一可能不正确的是您通往 jmHighlight 的路径或 jmHighlight 的版本。

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

【讨论】：

啊！谢谢！搞砸了几个小时，这只是源参考......老实说，我按照 repo 上的说明下载 .js 并将其包含在本地。我认为我显然在那里做错了什么。我还应该注意 font-color 似乎对我不起作用，但 color 对我有用。
我能问一下，在小提琴中，你为什么将按钮绑定到一个 Javascript 函数中，使用按钮的 id 而不是 <input> 标记中的 onclick？
我也想知道这个，但我怀疑这是因为在 jsfiddle 上 html 在 javascript 之前呈现，这使得 onclick 中指定的功能不可用。 :)
不客气，color 有效，因为它是设置颜色的属性，font-color 不是公认的 css 样式属性。
我现在正试图在另一个目标是 iframe 的页面中实现这一点。我可以让实例在页面的相同和单独元素（div 标签和表格）中使用按钮和目标（'context'），但如果“context”在 iframe 中，我无法让它工作，它显示一个外部页面。如果我为 iframe 提供“上下文”类（并从测试 div 中删除该类），则代码根本不会运行（甚至不会发出警报）。我在这里尝试做的事情是否可行，我是否走对了路？提前致谢。