Question

第一次发帖=）我一直在寻找并尝试了许多（'刷新'）。触发器，（'创建'）和其他成员建议的标记答案或我在其他帖子上看到的。我是JS JQM的新手，但是我在使用CSS属性查看动态添加的按钮时遇到了麻烦。我尝试过在类似问题上发布的其他解决方案，例如： How to add dynamic jquery button? Jquery Dynamically generated buttons no 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属性起作用。

提前致谢！

Answer 1

嗯，你正在研究动态按钮，所以如果你将css设置为一个类，然后将类添加到按钮dynamicly中会更好。尝试使用您需要的参数为您的css代码添加类，然后在代码中添加

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

我很抱歉，但我可以立即测试这个解决方案，所以我不确定它是否正常工作。祝你好运：）

Answer 2

您可以删除或添加CSS属性：

E.g：

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

看看这个Porperty CSS documentation

动态按钮不刷新CSS属性

2 个答案: