Javascript 调试/重新格式化替换jquery js插件

在非常基本的术语中，在HTML、CSS和JS方面有经验的人从哪里开始寻找各种JS插件格式中的错误

例如，我正在使用两个不同的模板，它们与Timothy Framework系列中Expression Web 4上的youtube教程一起使用。现在我已经完成了教程网站的设计，其中包括一个基本的jquery滑块和lightbox效果，我正在尝试用不同的版本替换这些滑块和lightbox效果。为了回答这个问题，假设我正在尝试用一个功能列表插件替换放大弹出插件

文件结构已更新为所需的照片并正确链接。CSS和JS文件已就位并正确链接。脚本在任何给定的浏览器中都或多或少地正确激活，但格式设置已全部关闭。我的文字和各种图像排列不正确

我相信在包含页面主CSS文件和插件特定CSS之间的功能列表插件的div中可能存在冲突，但是我希望有人能给我一些一般性的指导，告诉我他们从哪里开始调试/重新格式化插件

我可以复制我的代码或者更具体一些，但我真的只是在寻找一些一般的思维过程想法

---

提前谢谢

，.听着。我同意@elclanrs的观点，只是他写的顺序不对：首先看看并理解你的代码（你不能调试你看不见的代码），然后尝试一下，并尝试找出你的浏览器开发工具的问题，最后，通过各种验证器/lint工具传递你的代码。感谢大家的快速响应。非常感谢。我基本上是从几个不同的模板下载完整的文件结构。每一个都是作为一个完整的工作场所开发的-您只需根据需要进行调整。一旦我完成了基础教程，我想从一个模板中获取一个js插件，并将其放置在另一个模板中的js位置。js代码和js css应该是正确的-它在它的原始模板站点上工作。我认为我的主css文件和这两个模板的混合版上的JSCSS文件之间的格式有冲突。我只是不知道从哪里开始找。也许应该先更好地学习代码