Question

这是我在这里发表的第一篇文章，我需要一些帮助。我有一个网站，其中一些JS正在进行，它已经工作了很多年了。 “突然”jQuery停止正常工作，并出现了一些冲突。

我使用选择器“$”，尝试使用“jQuery”，并且还通过HTML结构中的调用移动了JS文件的包含。

也许这很容易，我看不到解决方案，但就目前而言，我没有任何胶水。

任何可以提供帮助或有想法的人？

该网站可访问： www.dippy-bird.com

这是我的JS代码：

<script type="text/javascript" src="[(site_url)]assets/templates/dippy/js/jquery-1.7.1.js">   
</script>

<script type="text/javascript" src="[(site_url)]assets/js/simpletabs_1.3.js"></script>
<script type="text/javascript" src="[(site_url)]assets/js/jquery.jcarousel.min.js"></script>

<!-- BEGINN: Passwort Blur Effekt -->

<script type="text/javascript">
var paused = false;

$(document).ready(function () {

$('#password-clear').show();
$('#password-password').hide();

$('#password-clear').focus(function() {
    $('#password-clear').hide();
    $('#password-password').show();
    $('#password-password').focus();
});
$('#password-password').blur(function() {
    if($('#password-password').val() == '') {
        $('#password-clear').show();
        $('#password-password').hide();
    }
});

$('#password-clear2').show();
$('#password-password2').hide();

$('#password-clear2').focus(function() {
    $('#password-clear2').hide();
    $('#password-password2').show();
    $('#password-password2').focus();
});
$('#password-password2').blur(function() {
    if($('#password-password2').val() == '') {
        $('#password-clear2').show();
        $('#password-password2').hide();
    }
});

$('.default-value').each(function() {
    var default_value = this.value;
    $(this).focus(function() {
        if(this.value == default_value) {
            this.value = '';
        }
    });
    $(this).blur(function() {
        if(this.value == '') {
            this.value = default_value;
        }
    });
});
});
</script>
<!-- ENDE: Passwort Blur Effekt -->

<script type="text/javascript">
$(document).ready(function() {
var props = {
    scroll : 5,
    itemFallbackDimension : 150
};
$('.movieSlider').jcarousel(props);
jQuery('.imageSlider').jcarousel(props);
});
</script>

<script type="text/javascript">
/* check page Height */
$(document).ready(function() {
var menuPos = "[*menuPos*]";
switch(menuPos){
   case "kein": break;
   case "mittig":   $('#pagebox').css('height','578px');
            break;
   case "unten":    $('#pagebox').css('height','650px');
            break;
   default:     break;  
}
});
</script>

<script type="text/javascript">
$(document).ready(function() {
 $('.firstmenu').hover(function() {
  if(window.player != undefined && player.isPlaying()){player.pause(); paused = true;}
  $(this).find('ul').show('fast');
  $('#darkDiv').fadeIn('fast');
 },
function() {
   $(this).find('ul').hide('fast');
});

$('#darkDiv').mouseover(function() {
  $('#darkDiv').fadeOut('fast');
  if(window.player != undefined && player.isPaused() && paused){player.play(); paused = false;}
});
});
</script>

<script type="text/javascript">

 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-11758953-6']);
 _gaq.push(['_trackPageview']);

 (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();

</script>

控制台正在给我这个输出：

未捕获的TypeError：undefined不是函数jquery-1.7.1.js：22
未捕获的TypeError：undefined不是函数jquery.jcarousel.min.js：22
未捕获的ReferenceError：$未定义（索引）：40
未捕获的ReferenceError：$未定义（索引）：90
未捕获的ReferenceError：$未定义（索引）：102
未捕获的ReferenceError：$未定义（索引）：116
未捕获的TypeError：undefined不是函数（索引）：278
未捕获的TypeError：undefined不是函数

提前致谢！

为什么我有这个jQuery冲突？碰撞JavaScript调用（我猜）

0 个答案: