我是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问题,但不能操纵它们为我工作。
如果有人能够指出我正确的方向,或者为我提供一个非常简单但完整的工作示例,我可以剖析自己找出错误的地方,我非常感激!
答案 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