Javascript和jQuery脚本有冲突

我似乎在逐渐地向我的页面添加越来越多的Javascript和jQuery，而今天它又反过来咬了我一口。我在我的父页面的中有以下脚本：

<script type="text/javascript" src="../floatbox/floatbox.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/js/calendar_min.js"></script>
<script type="text/javascript">
<!--Script makes ToDate jump to FromDate
MouseOver = true;
function date_copy_set() {
    FirstMouseOver = true;
}
function date_copy() {
    if (FirstMouseOver && MouseOver) {
        document.bookboxform.DepartureDate.value=document.bookboxform.ArrivalDate.value; // Main form
        frames.booking.DepartureDate.value=frames.booking.ArrivalDate.value; // Prices tab
        FirstMouseOver = false;
        MouseOver = false;
    }else{ }
}
-->
</script>
<script type="text/javascript">
function shortlist(id) {
    var el = document.getElementById(id);
    if ( el.value == 'checked') {
        window.location.replace("../favouritesdrop.php?hid=" + id +"&page=<?php echo $full_url ?>");
    }
    else {
        window.location.replace("../favouritesadd.php?hid=" + id +"&page=<?php echo $full_url ?>");
    }
}
</script>
<script>
<!-- Tabs script -->
$(document).ready(function() {
    $("#tabcontent > div").hide(); // Initially hide all content
    $("#tabs li:first").attr("id","current"); // Activate first tab
    $("#tabcontent div:first").fadeIn(); // Show first tab content

    $('#tabs a').click(function(e) {
        e.preventDefault();
        if ($(this).closest("li").attr("id") == "current"){ //detection for current tab
            return       
        }
        else{             
            $("#tabcontent > div").hide(); //Hide all content
            $("#tabs li").attr("id",""); //Reset id's
            $(this).parent().attr("id","current"); // Activate this
            $('#' + $(this).attr('name')).fadeIn(); // Show content for current tab
        }
    });
    $('#prices').load('../prices_col.php?hid=<?php echo $hid;?>');
    $("#prices").on('click', 'a.click', function() {
        $(".hiddenstuff").slideToggle(1000),
        $("a.click").toggleClass("faded");
    });
});
</script>

功能短名单（id）{
var el=document.getElementById（id）；
如果（el.value==‘已检查’）{
window.location.replace（“../favoritesdrop.php？hid=“+id+”&page=“”）；
}
否则{
window.location.replace（“../favoriteSadd.php？hid=“+id+”&page=”）；
}
}
$（文档）.ready（函数（）{
$（“#tabcontent>div”）.hide（）；//最初隐藏所有内容
$（“#tabs li:first”）.attr（“id”，“current”）；//激活第一个选项卡
$（“#tabcontent div:first”）.fadeIn（）；//显示第一个选项卡内容
$（“#选项卡a”）。单击（功能（e）{
e、 预防默认值（）；
if（$（this）.lassest（“li”）.attr（“id”）==“current”）{//当前选项卡的检测
返回
}
否则{
$（“#tabcontent>div”）.hide（）；//隐藏所有内容
$（“#tabs li”）.attr（“id”，”；//重置id的
$（this）.parent（）.attr（“id”，“current”）；//激活此
$（'#'+$（this.attr（'name'））.fadeIn（）；//显示当前选项卡的内容
}
});
$（“#prices”）.load（“../prices_col.php？hid=”）；
$（“#价格”）。在（'click'，'a.click'，function（）上{
$（“.hiddenstuff”）.slideToggle（1000），
$（“a.click”）.toggleClass（“褪色”）；
});
});

父页面有一个选项卡区域，由上面显示的Tabs脚本控制

其中一个选项卡包含文件

prices\u col.php

，该文件是由上面一行脚本加载的ajax

Prices\u col.php

包含jQuery显示的隐藏区域。hodden区域包含两个日期框，其中包含从

calendar\u min.js

运行的日期选择器日历。父页面中还有一对日期框也使用日期选择器

新打开页面时，一切正常。日期可以插入主页或“价格”选项卡中，日历在这两种情况下都能正常工作。但是，如果刷新主页，日历将不再在“价格”选项卡中工作（但仍在主页中工作）。如果我在刷新主页之前清除浏览器缓存，则一切正常

---

我想这表明某个地方发生了冲突。我如何克服这个问题？

Javascript控制台中是否有任何错误？是否可以制作一个小提琴，以便我们可以看到它的运行？您是否使用google chrome？如果是这样，如果发生任何错误，您可以查看控制台。在页面上按

F12

，然后导航到

控制台

选项卡。我怀疑这与问题有关，但将ID移动到不同的元素通常不是一个好主意。添加和删除一个类以指示当前选项卡。@Barmar。Javascript控制台没有显示任何重要内容。我认为我没有使用ID来指示当前选项卡（如果我理解正确的话）#tabs是包含所有选项卡的

。它们是按名称单独标识的。