动态按钮不刷新CSS属性

第一次发布=）我一直在寻找一段时间，并尝试了很多（'刷新'）。触发器，（'创建'）和标记答案其他成员建议或我有在其他帖子上看到。我对JS JQM相当陌生，但我遇到了使用CSS属性查看动态添加按钮的麻烦。我曾尝试过类似问题上发布的其他解决方案，例如： How to add dynamic jquery button? Jquery Dynamically generated buttons no css 也有其他一些帖子。动态按钮不刷新CSS属性

对不起，如果已经回答，我找不到解决方案。

这里是我的代码：我有thisButton与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; 
});

属性。我将它与data-role =“button”联系起来，并将其作为我的CSV具有按钮名称“Settings”，按钮主题“a”和按钮图标“gear”数据。任何帮助将是伟大的。 #testView是我创建的一个临时文件，用于测试让CSS属性起作用的想法。

在此先感谢！

来源

2013-05-17 user2393087

那么你正在研究动态按钮，所以它似乎会更好，如果你将CSS设置为一个类，然后将类添加到按钮dynamicaly。尝试添加类到你的CSS代码，你需要的参数，然后在你的代码放在某处

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

我很抱歉，但我可以测试这个解决方案的时候了，所以我不知道，如果它的工作如你所愿。好运:)

来源

2013-05-17 09:48:30 Tomaszeek

您可以删除或把CSS属性与此：

例如为：

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

看这个Porperty CSS documentation

来源

2013-05-29 08:51:52

动态按钮不刷新CSS属性

回答

相关问题