我在我的头像标签中使用jQuery作为我的官方网站。它不起作用,并提出了referenceerror $未定义$ .ajax错误。我尝试了这些解决方案(下面),但它并没有解决我的问题。第一个di
解决方案:
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();
答案 0 :(得分:2)
$
未定义,因为您没有加载jQuery。你正在加载一个jQuery插件,但不是jQuery本身。加载jQuery应该让你更进一步,例如:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
在加载插件或其他jQuery脚本的任何<script>
标记之前。
至少我可以从您发布的代码中猜出这一切。如果您发布指向完整测试页面的链接,则可以提供更具体的建议。