jQuery 中的链接使其他脚本无法工作

Question

我还是脚本新手，这是一个简单的问题。

在我现在正在构建的站点上，我有一些运行良好的小脚本函数，但是当我在 jQuery 中链接另一个函数时，第一个函数停止工作。如果我删除 jQuery 链接，它们会再次起作用。

这是我目前拥有的功能：

这个是我需要 jQuery 的，<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

// ~~~~~~~~~~ Header Background image rotation ~~~~~~~~~~ \\
$(document).ready(function(){
var header = $('.mainheader');

var backgrounds = new Array(
    'url(img/rainbow.jpg)'
  , 'url(img/chicks_on_grass.jpg)'
  , 'url(img/cattle_on_pasture.jpg)'
  , 'url(img/csa_bundle.jpg)'
);

var current = 0;

function nextBackground() {
    current++;
    current = current % backgrounds.length;
    header.css('background-image', backgrounds[current]);
}
setInterval(nextBackground, 10000);

header.css('background-image', backgrounds[0]);
});

这个下一个功能仍然可以正常工作

// ~~~~~~~~~~ ShowOrHide Element Onclick ~~~~~~~~~~ \\
function showOrHide(zap) {
 if (document.getElementById) {
  var abra = document.getElementById(zap).style;
  if (abra.display == "block") {
   abra.display = "none";
   } else {
   abra.display = "block";
  } 
  return false;
  } else {
  return true;
 }
}

这个已经不行了

// ~~~~~~~~~~ Form Email Hint ~~~~~~~~~~ \\
JotForm.init(function(){
  $('input_4').hint('ex: myname@example.com');
});

所有这三个函数都包含在<script language="JavaScript"></script> 标记中。

然后我有一个第三方 JavaScript 链接来控制我在网站上的表单上的一些内容。 <script src="http://max.jotfor.ms/min/g=jotform?3.1.1667" type="text/javascript"></script> 这也不适用于 JQuery。

我不知道发生了什么，整天都在研究它。任何帮助表示赞赏。

Answer 1

这是一个冲突问题，请参阅此页面以获取更多信息documentation 这样做：

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>

var $j = jQuery.noConflict();
// ~~~~~~~~~~ Header Background image rotation ~~~~~~~~~~ \\
$j(document).ready(function(){
var header = $j('.mainheader');

var backgrounds = new Array(
    'url(img/rainbow.jpg)'
  , 'url(img/chicks_on_grass.jpg)'
  , 'url(img/cattle_on_pasture.jpg)'
  , 'url(img/csa_bundle.jpg)'
);

var current = 0;

function nextBackground() {
    current++;
    current = current % backgrounds.length;
    header.css('background-image', backgrounds[current]);
}
setInterval(nextBackground, 10000);

header.css('background-image', backgrounds[0]);
});

// ~~~~~~~~~~ ShowOrHide Element Onclick ~~~~~~~~~~ \\
function showOrHide(zap) {
 if (document.getElementById) {
  var abra = document.getElementById(zap).style;
  if (abra.display == "block") {
   abra.display = "none";
   } else {
   abra.display = "block";
  } 
  return false;
  } else {
  return true;
 }
}
</script>