首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用class on按钮重新加载Jquery页面内容

使用class on按钮重新加载Jquery页面内容
EN

Stack Overflow用户
提问于 2011-07-11 00:44:54
回答 1查看 937关注 0票数 0

我使用的是一个按钮,它有一个类,可以根据它所在的位置进行更改。意思是如果按钮是开的,类将等于“按钮开”,如果它是关的,class=将等于“按钮关”。

默认情况下,该按钮是打开的,因此将从数据库中加载特定类型的信息,但如果有人单击它,我希望从数据库中加载另一种类型的信息。我不知道如何让类的改变触发信息加载。我不想让整个页面只重新加载其中的内容,我不知道怎么做!使用jQuery是可能的,或者我应该做一些其他的事情。

我使用的是在这个网站上找到的按钮脚本:http://www.webstuffshare.com/2010/03/stylize-your-own-checkboxes/

EN

回答 1

Stack Overflow用户

发布于 2011-07-11 01:33:30

要在不重新加载页面的情况下获取一些数据,可以使用jquery.ajax()函数:

代码语言:javascript
运行
复制
$.ajax({
  url: "test.html",
  success: function(data){
    $("#some_id").html(data); 
    //or make whatever manipulations you want
  }
});

如果关于触发的问题仍然存在,请指定如何更改类。

好的。

代码语言:javascript
运行
复制
if(jQuery(this)[0].checked == true) { 
  jQuery(this).after('<div class="'+ setClass +' on" rel="'+ thisID +'">&nbsp;</div>');
  //here the request for one data
  $.ajax({
    url: "one url",
    success: function(data){
      $("#some_id").html(data); 
    }
  });
}
else {
  jQuery(this).after('<div class="'+ setClass +' off" rel="'+ thisID +'">&nbsp;</div>'); 
  //and here - for another
  $.ajax({
    url: "another url",
    success: function(data){
      $("#some_id").html(data); 
    }
  });

}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6642403

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档