動態按鈕不刷新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屬性

回答

相關問題