Javascript jquery bxslider集成ajax

我有这个bxslider代码

$(function(){
  $('#slider1').bxSlider({
    infiniteLoop: false,
    hideControlOnEnd: true
  });
});

我有以下ajax代码：

$(function () {
$.get('/Scripts/PagedList/PagedList.Mvc.Template.html', function (pagerTemplate) { // get template for pager
// create our pager control object
var pagedList = $.pagedList(
$.template(null, pagerTemplate), // convert into compiled template
function(pageNumber){
return '/home/ajax/#' + pageNumber; // give the pager control the url for loading this page
},
{ pagesToDisplay: 10 } // optional page render options
);

function showNamesAndPagerControl(p) {
$.getJSON("/home/ajaxpage", { page: p ? p : 1 }, function (data) { // default to page 1
$("#namesList")
.attr("start", data.pager.FirstItemOnPage) // update the <li> numbers
.html($("#namesTemplate").tmpl(data.names)); // show the names for this page
$("#namesPager").html(pagedList.render(data.pager)); // update the pager control
}).error(function () {
// if we hit an error (such as a 404), try loading the first page
if (p !== 1) // don't do this if we just tried to load the first page
showNamesAndPagerControl(1);
});
}

// get current url hash (ex: "#3" for page 3)
var hash = window.location.hash;
if (hash)
hash = hash.slice(1); // chop off the leading "#"

// load whatever the currently requested page is
showNamesAndPagerControl(hash);

$(".PagedList-pager a").live("click", function (ev) {
ev.preventDefault(); // don't let the page actually navigate
var pageNumber = $(this).data('page'); // load the pagenumber from the link's data-pager attribute
showNamesAndPagerControl(pageNumber);
window.location.hash = pageNumber; // update the url hash
});
});
});

$（函数（）{
$.get（'/Scripts/PagedList/PagedList.Mvc.Template.html'，函数（pagerTemplate）{//get pager的模板
//创建我们的寻呼机控件对象
var pagedList=$.pagedList(
$.template（null，pagerTemplate），//转换为编译模板
功能（页码）{
返回“/home/ajax/#”+pageNumber；//为寻呼机控件提供加载此页面的url
},
{pagesToDisplay:10}//可选页面呈现选项
);
功能显示名称和页面控制（p）{
$.getJSON（“/home/ajaxpage”，{page:p？p:1}，函数（数据）{//默认为第1页
$（“#名称列表”）
.attr（“start”，data.pager.FirstItemOnPage）//更新
编号
.html（$（“#namesTemplate”）.tmpl（data.names））；//显示此页面的名称
$（“#namesPager”）.html（pagedList.render（data.pager））；//更新寻呼机控件
}).错误（函数（）{
//如果遇到错误（如404），请尝试加载第一页
if（p！==1）//如果我们只是尝试加载第一页，请不要这样做
显示名称和页面控制（1）；
});
}
//获取当前url哈希（例如：第3页为“#3”）
var hash=window.location.hash；
if（散列）
hash=hash.slice（1）；//切掉前导“#”
//加载当前请求的页面
ShowNames和PagerControl（哈希）；
$（“.PagedList pager a”）.live（“单击”，功能（ev）{
ev.preventDefault（）；//不要让页面实际导航
var pageNumber=$（this）.data（'page'）；//从链接的数据分页器属性加载页码
显示名称和页面控制（页码）；
window.location.hash=pageNumber；//更新url哈希
});
});
});

我想将这个ajax集成到bxslider中

---

如何实现这一点？

在ajax中使用这一点取决于数据从服务器返回的方式。如果它正在返回并且已经在服务器端格式化，那么您应该能够执行以下操作：

$.getJSON({
    success:function(data){
                $(data).appendTo($('wherever'));
                $(data).find('#yourItem').bxSlider();
            }
}

如果它不是在服务器端格式化的，那么您只需在javascript中格式化它，然后对其应用bxSlider（）。我觉得也许我不太明白你的问题

---

如果您仍然有问题，如果您正在努力解决ajax部分的问题，或者更多地应用bxslider，请随意再澄清一点。

在ajax中使用bxslider取决于数据从服务器返回的方式。如果它正在返回并且已经在服务器端格式化，那么您应该能够执行以下操作：

$.getJSON({
    success:function(data){
                $(data).appendTo($('wherever'));
                $(data).find('#yourItem').bxSlider();
            }
}

如果它不是在服务器端格式化的，那么您只需在javascript中格式化它，然后对其应用bxSlider（）。我觉得也许我不太明白你的问题

如果您仍然有问题，如果您正在努力解决ajax部分的问题，或者更多地应用bxslider，请随时进一步澄清