Динамическая кнопка не обновляет свойства CSS

Question

Публикация в первый раз =) Я искал какое-то время и попробовал много ('refresh'). Trigger, ('create') и разметки, которые другие участники предложили или у меня есть видели на других сообщениях. Я довольно новичок в 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; 
}); 

У меня возникли проблемы с thisButton правильно отображать с помощью CSS свойства. Я сделал ссылку на data-role = "button" и пробовал ее как . У моего CSV есть имя кнопки «Настройки», кнопка «a» и значок кнопки «передача». Любая помощь будет замечательной. #testView был темпом, который я создал для тестирования идей, чтобы получить свойства CSS.

Заранее благодарен!

Answer 1

Хорошо, что вы работаете с динамическими кнопками, поэтому было бы лучше, если бы вы установили css в класс, а затем добавили класс в динамическую кнопку. Попробуйте добавить класс в коде CSS с параметрами, которые нужны и затем в коде куда-то деть

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

Я сожалею, но я могу проверить это решение сразу же, так что я не уверен, если его работы, как вы хотите , Good Luck :)

Answer 2

Вы можете удалить или поместить свойства CSS с этим:

т.д .:

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

Посмотрите на эту Porperty CSS documentation