JQuery(this).text不会通过点击附加

时间:2010-07-22 15:25:59

标签: jquery jquery-ui

措辞不好的问题,但我找不到更好的方法。此外,检查了“相关”问题,但没有解决此问题。

我正在使用JQuery 1.4.2和JQueryUI 1.8.1。

我有一个“按钮”列表,我希望这些按钮能够在页面的另一个列表中复制自己。以下是我到目前为止的情况:

        $("#actionList ul > li > p").button({
            icons: {
                primary: 'ui-icon-document'
            },
            text: true
        }).click(function () {
            $('#callFlow').find(".placeholder").remove();
            $("<li></li>").text((this).text).appendTo('#callFlow');
        });

#actionList是我拥有的无序列表的DIV。 P包含“按钮”效果。

#callFlow是有序列表的DIV,它包含一个带有占位符类的li。

大部分内容来自JQuery UI网站上的购物车演示。但是我已经离开了draggable / droppable,只是希望用户单击该按钮并将其“复制”在另一个列表中。不需要排序,因为它是一个流程构建应用程序,最终将根据您单击的按钮加载AJAX div。

任何帮助都很棒。我希望我能够清楚地描述这个问题。

1 个答案:

答案 0 :(得分:7)

获取(或设置)文本时需要调用该函数,如下所示:

$("<li></li>").text($(this).text()).appendTo('#callFlow');

当您致电$(this).text时,它只是对该函数的引用,您希望实际执行该函数并获取结果,因此请使用$(this).text()