请教Jquery插件的使用方法有哪些？

Posted 2023-03-16

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了请教Jquery插件的使用方法有哪些？相关的知识，希望对你有一定的参考价值。

我在网上下了一个timelineXML的Jquery插件，在网页的head部分加上了
<script src="/timelinexml.js"></script> 以及
<link rel="stylesheet" href="/timelinexml.css">之后
又按照他的说明做了3点，

1. Add an html element that will hold the timeline 2. Fill the content 3. Call the plugin
Step 1: The HTML
A simple tag with an ID will do just fine:
<div id=”my-timeline” /div> (brackets removed because they don’t show up here)
Step 2: Fill the content using an XML file.
[...] You can also reference the sample .xml file that came with the plugin. When you are done, save and close the file and that’s all there is to the .xml file
Step 3: Call the plugin
The final step is to call the plugin, like this:
$(’#my-timeline’).timelinexml( src : ‘timeline.xml’ );
Parameters:
- src: specify the path to the .xml file, relative to the file from which you call the plugin. For example, if you put that line in script.js, which is included in index.html, the path should be relative to index.html

但是我不知道$(’#my-timeline’).timelinexml( src : ‘timeline.xml’ );这一段应该放在HTML中的哪个位置，是紧接着<div id=”my-timeline” /div> ,还是放在head部分的
<script src="path-to-script/timelinexml.js"></script>
这个后面？或者其他位置？或者call the plugin需要别的函数？抱歉我是个初学者，不太了解，请各位大神们回答的更加仔细些，merci beaucoup~

<html>
<head>
<link rel="stylesheet" href="/timelinexml.css">
<script src="/timelinexml.js"></script>
<script>
$(’#my-timeline’).timelinexml( src : ‘timeline.xml’ );
</script>
</head>
<body>
<div id=”my-timeline”></div>
</body>
</html>

参考技术A

放到

<body>
....
<script>
$(’#my-timeline’).timelinexml( src : ‘timeline.xml’ );
</script>
</body>

原则：body里的最下面。避免这东西影响网页加载速度与或卡住页面。

参考技术B 可以放在head里或body里追问

是直接放么？前面要加点什么东西么

追答

$(’#my-timeline’).timelinexml( src : ‘timeline.xml’ );

追问

放在body部分的一个表格里面会提示别的位置语法错误，我放在head部分$(’#my-timeline’).timelinexml( src : ‘timeline.xml’ );
写成了这样，DW识别出了他们，但是传到服务器上依旧看不到时间轴

追答

你js和css2个文件的路径写对了吗