使用XML和jquery用文本填充滑块
在一个小项目中，我想实现一个jquery滑块，在网站的支持页面上保存推荐信。为了简化工作，我希望这些推荐信包含在XML文档中。滑块在页面上运行良好，但当我尝试使用一个函数从XML文档中获取推荐文本时，它与朝鲜火箭一样有效 中的脚本：使用XML和jquery用文本填充滑块,xml,jquery,Xml,Jquery,在一个小项目中，我想实现一个jquery滑块，在网站的支持页面上保存推荐信。为了简化工作，我希望这些推荐信包含在XML文档中。滑块在页面上运行良好，但当我尝试使用一个函数从XML文档中获取推荐文本时，它与朝鲜火箭一样有效 中的脚本： <head> <title>Crutchfield Customer Support - Online Support Center</title> <!--[if lt IE 9]> <script src="
<head>
<title>Crutchfield Customer Support - Online Support Center</title>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="support.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>
<script src="slider/jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider1').bxSlider({
auto: true,
autoControls: false,
nextText: '',
prevText: ''
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
type: "GET",
url: "testimonials.xml",
dataType: "xml",
success: function(xml) {
var select = $('#slider1');
$(xml).find('testimonials').each(function(){
var text = $(this).find('text').text();
select.append("<li class='test'>"+text+"</li>");
});
}
});
});
</script>
</head>
Crutchfield客户支持-在线支持中心
$（文档）.ready（函数（）{
$（'#slider1'）.bxSlider({
是的，
自动控制：错误，
下一个文本：“”，
上一个文本：“”
});
});
$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“commissionals.xml”，
数据类型：“xml”，
成功：函数（xml）{
变量选择=$（“#滑块1”）；
$（xml）.find（'commentials'）.each（function（）{
var text=$（this.find（'text'）.text（）；
选择。追加（“”+文本+” ”；
});
}
});
});
<div id="testimonials">
<div class="testimonialGroupOne">
<ul id="slider1">
<li>loading</li>
</ul>
</div>
</div>
- 装载
<?xml version="1.0" encoding="ISO-8859-1"?>
<testimonials>
<text>"I have been doing business with Crutchfield for over fifteen years and have yet to have a negative experience. Their customer service is second to none."</text>
<text>"I've been a Crutchfield customer for over 20 years. I've found their customer service and technical support to surpass every other vendor in this business. Without exception, every contact I've had with Crutchfield employees, I have found them to be professional, competent, respectful and patient."</text>
</testimonials>
“我和克鲁奇菲尔德做生意已经超过15年了，还没有负面的经验。他们的客户服务是首屈一指的。”
“我作为Crutchfield的客户已经超过20年了。我发现他们的客户服务和技术支持超过了这一行业的所有其他供应商。毫无例外，我与Crutchfield员工的每一次接触，我都发现他们专业、胜任、尊重和耐心。”
var mySlider;
$(document).ready(function () {
$.ajax({
type: "GET",
url: "data/yourxml.xml",
dataType: "xml",
success: function (xml) {
$(xml).find('testimonials').each(function(){
xml_name = $(this).find('name').text();
$('#slide').append('<li>' + xml_name + '</li>')
});
$(function () {
mySlider = $('#slide').bxSlider({
auto: true,
controls: false
});
mySlider.reloadShow();
})
}
});
});
var-mySlider；
$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“data/yourxml.xml”，
数据类型：“xml”，
成功：函数（xml）{
$（xml）.find（'commentials'）.each（function（）{
xml_name=$（this）.find（'name'）.text（）；
$（“#幻灯片”）。追加（“”+xml\u name+” ）
});
$（函数（）{
mySlider=$（“#幻灯片”）.bxSlider({
是的，
控件：false
});
mySlider.reloadShow（）；
})
}
});
});