0

第一次发帖 = ) 我已经搜索了一段时间，并尝试了许多 ('refresh').trigger 、 ('create') 和其他成员建议或我在其他帖子上看到的标记答案。我对 JS JQM 还是很陌生，但是在使用 CSS 属性查看动态添加的按钮时遇到了麻烦。我已经尝试过发布类似问题的其他解决方案，例如： 如何添加动态 jquery 按钮？ Jquery 动态生成的按钮没有 css 还有一些其他的帖子。

如果已经回答，请提前抱歉，我找不到解决方案。

这是我的代码：我将按钮设为变量的原因是因为另一个表单帖子建议它然后以这种方式刷新......

$( '#csvButton' ).on( 'click', function() {
    $('#viewData').empty();
    $('#testView').empty();
        $.ajax( {
            url: 'xhr/data.csv',
            type: 'GET',
            dataType: 'text',
            success:function ( result ) {
            //console.log(result);
            var lines = result.split("\n");
            //console.log(lines);
            var dataRow = lines[0];
            var dataCol = dataRow.split(",");
            for (var lineNum = 1; lineNum < lines.length; lineNum++) {
                var row = lines[lineNum];
                var columns = row.split(",");
                    var thisButton = $("<a>").attr("href", "#").attr("data-role", "button").attr("data-theme", columns[1]).attr("data-icon", columns[2]).text(columns[0]);
                thisButton.appendTo('#testView');
                $('<ul>' + '<li><b>' + dataCol[0] + " " + columns[0] + '</b></li>' +
                    '<li>'+ dataCol[1] + " " + columns[1] + '</li>' +
                    '<li>'+ dataCol[2] + " " + columns[2] + '</li>' + '</ul>'
                ).appendTo('#testView');
        }   
            }
        });
    });
return false;
});

我无法使用 CSS 属性正确显示 thisButton。我将其设为与 data-role="button" 的链接，并尝试将其作为我的 CSV 具有按钮名称“设置”、按钮主题“a”和按钮图标“齿轮”数据。任何帮助都会很棒。#testView 是我创建的一个临时工具，用于测试让 CSS 属性发挥作用的想法。

提前致谢！

4

2 回答 2

0

您可以使用以下方法删除或放置 CSS 属性：

例如：

 $("#testView").class('display', 'none');

看看这个Porterty CSS 文档

于 2013-05-29T08:51:52.093 回答
0

好吧，您正在处理动态按钮，所以如果您将 css 设置为一个类，然后将类动态添加到按钮，似乎会更好。尝试使用您需要的参数将类添加到您的 css 代码中，然后在您的代码中放置某个位置

$("#testView").addClass("name of your class");

很抱歉，但我可以立即测试此解决方案，所以我不确定它是否如您所愿。祝你好运 ：）

于 2013-05-17T09:48:30.440 回答