我在我的官方网站的 head 标签中使用 jQuery。它不起作用,并提出了参考错误 $ is not defined $.ajax 错误。我尝试了这些解决方案(如下),但它并没有解决我的问题。第一个迪
尝试过的解决方案:
1.Query 需要是您导入的第一个脚本。页面上的第一个脚本
<script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.jcarousel.min.js"></script>
2. ReferenceError: ajaxfunction is not defined 我正在调用我的函数作为第一个被调用的函数。
这是我的代码:
<script type="text/javascript">
XMLLIST = {
xml: 'slideshow.xml?' + Math.random(0,1),
display: '10',
random: false,
appentTo: '#slideshow',
int: function () {
$.ajax({
type:"GET",
url:"slideshow.xml",
dataType:"xml",
sucess: XMLLIST.parseXML,
});
},
parseXML: function (xml) {
var data=$('slideInfo', xml).get();
var list = data;
var i = 1;
$(list).each(function() {
XMLLIST.insertHTML($(this));
if( i == XMLLIST.display) return false;
i++;
});
},
insertHTML: function (slide) {
var title = slide.find('title').text();
var image = slide.find('image').text();
var alternate = slide.find('alt').text();
var disclaimer = slide.find('disclaimer').text();
var diet = slide.find('diet').text();
var sciencename = slide.find('sciencename').text();
var facts = slide.find('facts').text();
var rangehabitat = slide.find('rangehabitat').text();
var html;
html = '<div class="slideInfo">';
html += '<img scr="' + image + '" alt="' + alternate + '"id ="slideImage" />';
html += '<p id="altTag>"' + alternate + '"</p>"';
html += '<p id="Animaldisclaimer">"' + disclaimer + '"</p>';
html += '<p id="scienceName">"' + sciencename + '"</p>';
html += '<p id="RH">"' + rangehabitat + '"</p>';
html += '<p id="animalFacts">"' + facts + '"</p>';
$(html).appendTo(XMLLIST.appentTo);
},
}
XMLLIST.int();