1

我在滚动列表上使用 jquery touchwipe 插件，但无法
从 $(this) 获取属性。我想使用 $(this) 获取其子元素 elment class="t7 edit" 并添加类“show”到它。有谁知道如何解决它？

html:

                <div id="main_list_wrapper">
                    <div class="item">
                        <div class="t7 edit"></div>
                        <div class="t8 cancel"></div>
                    </div>
                    <div class="item">
                        <div class="t7 edit"></div>
                        <div class="t8 cancel"></div>
                    </div>
                    <div class="item">
                        <div class="t7 edit"></div>
                        <div class="t8 cancel"></div>
                    </div>
                    <div class="item">
                        <div class="t7 edit"></div>
                        <div class="t8 cancel"></div>
                    </div>
                    <div class="item">
                        <div class="t7 edit"></div>
                        <div class="t8 cancel"></div>
                    </div>
                </div>

脚本代码：

var $main_list_wrapper = $("#main_list_wrapper").find('.item');

$main_list_wrapper.touchwipe({
    preventDefaultEvents: false,
    wipeLeft: function() { 
        $(this).find('.t8.cancel').removeClass('show');
        $(this).find('.t7.edit').removeClass('show');
        var thisclass = $(this).attr('class');
        alert(thisclass);
        return false;
    },
    wipeRight: function() { 
        $sb(this).find('.t8.cancel').addClass('show');
        $sb(this).find('.t7.edit').addClass('show');
        return false;
    }
});

像警报（这个类）。它显示“未定义”。

谢谢大家。我的朋友给我写了这个，它工作！

$main_list_wrapper.each(function () {
    var $this = $sb(this);

    $this.touchwipe({
        preventDefaultEvents: false,
        wipeLeft: function() { 
            var $pcs = $this;
            $pcs.find('.t8').removeClass('show');
            $pcs.find('.t7').removeClass('show');
            return false;
        },
        wipeRight: function() { 
            var $pcs = $this;
            $pcs.find('.t8').addClass('show');
            $pcs.find('.t7').addClass('show');
            return false;
        }
    });
});
4

2 回答 2

0

嗯，$("#main_list_wrapper")是NULL。确保这段代码位于您的 JQuery onLoad 中：$(document).ready(function () { /* CODE */ });

find()采用逗号分隔的类名列表。
更改：$(this).find('.t8.cancel')对此：$(this).find('.t8, .cancel')

于 2013-01-08T03:06:29.813 回答
0

$(this)指的是function()属于的对象，而不是指您的$main_list_wrapper.

参考这篇文章

你可以$main_list_wrapper.find('.t8.cancel').removeClass('show');改用。

于 2013-01-08T03:08:43.020 回答