Question

我正在使用数据表，我已经通过ajax加载了我的表，这也填充了我的新行下拉列表。我的问题是我可以让行下降但不能再次关闭。它只是简单地一次又一次地添加相同的数据等，直到手动刷新页面。这是我的点击事件......

//CLICK EVENT
$('#tblIndustry td.control').live('click', function () {
    var nTr = this.parentNode;
    var i = $.inArray(nTr, anOpen);

    if (i === -1) {
        industryDrillDown(tbls.industry, nTr);
    } //end if

    $(nTr).find('.control i').fadeOut();
}); //ends click event

Answer 1

jQuery.live自jQuery 1.7起已被弃用。相反，请使用.on()方法。

您可能还想查看.toggle()方法。

Answer 2

这里的问题是我是一个整数，而不是一个jquery对象。除非你实际上有一个带有元素的i标签。如果是这种情况，那么您希望I标签具有单击，以便在单击时隐藏它。如果您在索引处搜索元素，请尝试使用

.find('.control:eq(' + i + ')');

或

$(this).fadeOut();

如果没有你的HTML，这真的很难。记住JS小提琴是你的朋友。：d

Answer 3

什么是#tblIndustry td.control？我认为这是弹出窗口（下拉）对吗？你需要检查打开弹出窗口（下拉列表）的其他点击事件，并阻止选择器选择弹出窗口（下拉列表）。这样，因为事件正在冒泡到顶部，当你点击淡出时，你也几乎立即打开弹出窗口（下拉列表）并重新生成内容（再次添加）。

切换单击或隐藏

3 个答案: