javascript - jmHighlight 有问题

标签 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 节中更改了固定关键字(“some”)的语法,而不是现在使用文本框。 include 与我的页面位于同一位置,但当我预览页面加载时未显示在调试器中...

我也试过从他的 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

关于javascript - jmHighlight 有问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35683365/

相关文章:

javascript - 使用 Marionette 从子模块访问父模块的最佳方法

所有列表项的 Javascript/JQuery 相同下拉菜单

javascript - HTML5 input=时间不会通过javascript设置

javascript - javascript 中的 >>> 0 是什么?

javascript - 使用 jQuery 在自定义 UL LI 框中触发更改事件

javascript - 如何获取网站访问者的国家/地区名称

php - 不常见的 502 Bad Gateway 错误

jquery - 将网站转换为移动网站

jquery - 在 ASP.NET 控件上使用 ajax/jQuery 表单验证

html - 带有阴影的 CSS Div