- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的 ajax 表单提交运行良好,但我想添加一个“成功”类,以向用户指示当用户选中或取消选中某个框时请求已完成。到目前为止我已经尝试了一些方法:
$(".box").change(function() {
var id=$(this).val();
var dataString = "id=" + id + "&crudtype=myapp";
var clickedObj = $(this).parent().parent();
$.ajax( {
type: "POST",
url: "/myphppage",
data: dataString,
cache: false,
success: function() {
var oldClass = clickedObj.attr("class");
clickedObj.fadeIn(1400, function() {
clickedObj.removeClass(oldClass);
clickedObj.addClass("updated");
});
clickedObj.fadeOut(1400, function() {
clickedObj.removeClass("updated");
clickedObj.addClass(oldClass);
});
}
});
});
那个确实应用了“更新”类,但 fadeOut 实际上删除了整行数据(parent().parent() 是我要定位的标签。)
$(".box").change(function() {
var id=$(this).val();
var dataString = "id=" + id + "&crudtype=myapp";
var clickedObj = $(this).parent().parent();
$.ajax( {
type: "POST",
url: "/myphppage",
data: dataString,
cache: false,
success: function() {
var oldClass = clickedObj.attr("class");
clickedObj.removeClass(oldClass);
clickedObj.addClass("updated", 1000);
clickedObj.removeClass("updated", 1000);
clickedObj.addClass("updated");
}
});
});
我也尝试过这个,但所发生的只是它(显然)删除了现有的类,添加了新的类,然后立即反向执行相同的操作,因此永远不会看到新的类。尽管我在此站点上运行 jQueryUI,但 1000 延迟似乎被忽略了。
感谢任何可以提供帮助的人!
编辑:添加 HTML 代码:
<table id="datatable" class="display dataTable" role="grid">
<tbody>
<tr class="odd" role="row">
<td class="formcell"><input id="actionitem" class="box" type="checkbox" value="1234" name="actionitem[]"></td>
</tr>
<tr class="even" role="row">
<td class="formcell"><input id="actionitem" class="box" type="checkbox" value="5678" name="actionitem[]"></td>
</tr>
</table>
最佳答案
我真的不知道你的淡入淡出效果应该是什么样子。对我来说,在添加新类并淡入之前淡出旧类确实更有意义。因为你看不到 <tr>
其中包括复选框,当它在开始时淡出时。
briansol 的回调是正确的,我使用了 fadeTo
这里防止jQuery
来自设置 display: none
:
$(".box").on("click", function () {
clickedObj = $(this).parent().parent();
clickedObj.fadeTo(1400, 0.01, function(){
clickedObj.removeClass("oldClass").addClass("updated");
clickedObj.fadeTo(1400, 1.0, function(){
clickedObj.removeClass("updated").addClass("oldClass");
});
});
});
我还做了一个 fiddle :http://jsfiddle.net/northkildonan/rmj75wr2/
关于ajax成功后的jQuery addClass/removeClass,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25775478/
siblings('.xx')有没有错误?单击时不想重复图像抱歉,我的英语太差了:( $(document).ready(function() { //$(".ok").removeClass("
我有一个具有以下样式的段落: .design_info_box p.design_info_desc { height:30px; text-overflow: ellipsis;
我现在正在执行以下操作,效果很好: $('#picker a').removeClass('selected'); 地点: Stuff Stuff Stuff Stuff 我如何更新 j
我有一个带有一些类的 div,我使用 Jquery 添加了一些 css $('.myClass').css("position","absolute"); 经过几个步骤后,我使用 myClass 删除
我正在尝试在类上启用事件监听器,但它不起作用 DOM 元素: Shop 这是 Javascript 事件监听器: 函数完成后,它会删除 .shopping,因此事件不再触发。 $('.shoppi
var increment = 0; $("#dial-save").click(function(){ $(".add-flow").html(""); $(".add-flow").append(
感谢这里的所有贡献者和 w3schools,我终于成功了。 我有 2 个菜单 - Term 和 PayTerm。 Term 始终高于 PayTerm。默认的 disabled 状态是完美的。当我点击
(function removeAnimation() { var $window = $(window), $html = $('html'); if ($window.wi
这个问题已经有答案了: How to remove CSS Class with Tampermonkey? (3 个回答) 已关闭 4 年前。 我正在尝试删除 hide来自单个div的类使用 Vio
removeClass 不会从下面的 js 中的 div.upvote 中删除类 selected,但 addClass() 可以正常工作。这是为什么? $(document).ready(funct
我正在创建一个 Accordion ,它具有过滤搜索和字母分页功能。 Accordion 由折叠的卡片组成。当用户在搜索框中键入内容时,我希望卡片打开.removeClass('collapsed')
示例代码和示例为here . $("#menus > li > ul > li > a").click(function(){ $(this).toggleClass("selected").
我的 ajax 表单提交运行良好,但我想添加一个“成功”类,以向用户指示当用户选中或取消选中某个框时请求已完成。到目前为止我已经尝试了一些方法: $(".box").change(functi
我有一些元素,例如 A 类 test 然后我尝试从元素中删除该类: $('.A').removeClass('.A'); 但它似乎不起作用,如果我只知道这个元素的一个类,如何让它起作用? 最佳答案 您
当我直接指定它时(即“ratingBlock”、“ratingBlock1”、“ratingBlock2”等),此代码片段可在添加新类之前删除现有类。但是当我在removeClass('[class
如果您单击任一图像,每个图像都会出现一个独特的模态。 我使用了一个功能,可以在您点击离开时隐藏苹果模式。 如果我单击任何 .alt-btn,如何保持苹果模式显示? $(document).on("cl
我需要你的帮助。 我无法从未选择的图像中删除事件链接。 代码如下: $(function(){ $(document).ready(function() { $(".Nav_t
我正在尝试制作自动幻灯片,但此消息不断弹出,我不明白为什么。 HTML: 'show' 和 'hide' 类分别将显示设置
我有一个 jssor 画廊,我通过添加 CSS 类“blur”对其进行了模糊处理。当用户点击 div 时,我想“取消模糊”这个画廊。为此,我添加了这个简单的 JS 代码: jQuery(doc
我可以将下面的代码重写为不那么重复的代码吗? $("#iTUNES").click(function() { createLastEdition(26); $("#Beatpo
我是一名优秀的程序员,十分优秀!