JQuery toggleClass - ajax调用中断事件

时间:2013-03-28 13:54:18

标签: jquery

情景:

  • 链接上的简单打开close toggleClass(添加class =“selected”) - 打开div面板
  • 面板包含一个带链接的日历 - 一切正常
  • 日历具有'下一个'和'上一个'月份链接 - 通过ajax点击所选月份中的一个

单击日历中的链接只需重新加载页面,面板关闭agin - 这没关系(即'选择的切换类被删除)

单击月份会调用ajax,但也会删除所选的切换类,因此面板会关闭

尝试的补救措施: 当单击下一个/ prev链接时,向链接容器添加另一个类以强制它保持打开 - 这可以工作,但意味着删除了初始切换选择的类 - 因此容器处于'错误'状态 - 因为它应该被选中,但不是,但仍然是开放的 - 所以它现在已经超出'同步'

有点难以复制 - 尝试添加小提琴:http://jsfiddle.net/topiman/ZJMKD/3/


//Show Hide toggle
$('#showhide').click(function () {
  $(this).toggleClass('selected');
  $('#pickdate').removeClass('stayopen');
  $('.showhide').slideToggle('fast');
  return false;
});

//calendar date toggle
$('.date-prev a').click(function () {
  $('#pickdate').addClass('stayopen');
  return false;
});

但是它工作得很好 - 所以这是Ajaxing操作打破它/我不能在那里复制。

提前致谢

0 个答案:

没有答案