1

我想知道是否有人可以帮助指导我在 jQuery 中使用 toggleClass 时如何编写事件？

我有一个项目列表，当我单击一个项目时，它会突出显示它，当有人从列表中单击另一个项目时，前一个突出显示的项目会消失并突出显示当前的点击。此外，如果我单击已突出显示的同一项目，它就会消失。

现在我正在尝试编写一个函数来仅在突出显示时调用 ajax。所以当再次按下它时（当高亮被移除时）它不会再次运行 ajax 函数。

        $(".media").on('click',function(){
            var $this = $(this);

            // highlighting the object
            $this.toggleClass('selectMedia').siblings().removeClass('selectMedia');

            // saving the id

            var selId1 = $this.data('id');
            $.post("ajax/ajax_sessions.php", {"sel_1":selId1}, function(data) {
                alert(data); // alerts 'Updated'
            });
        });

谢谢你的帮助！

4

1 回答 1

2

只需在执行 AJAX 请求之前检查类的存在：

if ( ! $this.hasClass('selectMedia') ) return;

// Now do your AJAX request...
于 2013-01-27T18:21:54.887 回答