Javascript和CSS文件相互冲突

我有一个计算总价的函数，并将其显示在div标签下。用于在我的旧网页上工作和显示总数的功能。在我的新网页上，我添加了一个标签模板，在一个名为content的巨大div标签下存储正文或内容。现在，Javascript函数不起作用（Javascript.js）。当我删除选项卡的css链接时，它再次工作。以下是冲突的css文件（style3.css）：

我不会发布完整的javascript文件（除非你们中有人认为它会有所帮助），但我会在标记之间发布内容：

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.7.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/jquery-ui.js"></script>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<link href='http://fonts.googleapis.com/css?family=Alef' rel='stylesheet' type='text/css'>
<link type="text/css" rel="stylesheet" href="style3.css"/>
<script type="text/javascript" src="JavaScript.js"/>
</script>

无标题文件

也许这是你的问题

---

如果你能为同样的问题创建一个解决方案，那么在你开始之前就很容易解决问题：你能提供这些资源的绝对路径吗，style3.css，stylesheet.jss和javascript，js。没有这个提琴就不行。这可能会导致问题，但最坏的情况是，第二个（结束）脚本标记什么也做不了。在HTML5中，自动关闭标签被解析，但它没有任何意义。（我想这取决于doctype。）仍然不起作用：/，我想Pointy是对的，我看着你的小提琴，无法识别问题？我应该看什么呢？基本上，当你去掉我的style3.css标记链接，在标记内部，javascript就可以工作了。但是当您包含style3.css时，它就不起作用了。javascript在“总价”下面显示一个价格：

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.7.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/jquery-ui.js"></script>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<link href='http://fonts.googleapis.com/css?family=Alef' rel='stylesheet' type='text/css'>
<link type="text/css" rel="stylesheet" href="style3.css"/>
<script type="text/javascript" src="JavaScript.js"/>
</script>

<script type="text/javascript" src="JavaScript.js"/>
</script>

<script type="text/javascript" src="JavaScript.js"></script>