Créer un bouton JQuery Mobile en utilisant JavaScript

Question

J'ai besoin d'aide pour créer un bouton jQuery mobile en utilisant JavaScript, j'utilise le code ci-dessous, il crée un bouton mais il ne reconnaît pas le style mobile jQuery. merci pour votre aide :)

function SubmitForm() { 
    var list = document.getElementById("forMore"); // Get the <ul> element with id="forMore" 
    if (list.hasChildNodes()) { // It has at least one 
     list.removeChild(list.childNodes[0]); 
    } 

var e = document.getElementById("services"); 
var strUser = e.options[e.selectedIndex].value; 
var id = e.options[e.selectedIndex].id; 
document.getElementById("desc").innerHTML = strUser; 

document.getElementById("fields").style.visibility = "visible"; 

var td = document.getElementById('forMore'); 
var btn = document.createElement('input'); 

btn.setAttribute("data-role", "button"); 
btn.setAttribute("data-theme", "b"); 
btn.setAttribute("class", "ui-input-btn"); 


btn.style.cssFloat = "left"; 
btn.style.fontSize = "18px"; 
btn.style.fontFamily = "myAccountFont"; 
btn.style.color = "green"; 
btn.onclick = function() { 
    location.href = "/Pin/SendVas?id=" + id; 
}; 


btn.value = "تفعيل"; 
td.appendChild(btn); 

}

Answer 1

espère que cela aidera:

var a = document.createElement("A"); 
a.appendChild(document.createTextNode("Name"));  
a.setAttribute("data-role","button"); 
a.setAttribute("data-inline","true"); 
a.setAttribute("data-corner","false"); 

$(td).append(a).trigger('create'); 
//Or user parent container: 
$("#container").trigger('create');