我对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