Question

我有这行代码，当localDB准备就绪时通过JS插入。



    //
    boxOne = document.getElementById("box1");
    content = '<button data-icon="delete">Delete</button>';
    boxOne.innerHTML = content;
    //

// boxOne = document.getElementById("box1"); content = '<button data-icon="delete">Delete</button>'; boxOne.innerHTML = content; // 这段代码的问题是mobilejquery应该读取并添加要显示的图标的类，但它没有这样做。我可以简单地通过我自己手动添加类，但是当我尝试将验证库应用于由JS插入的表单时，这也会给我带来麻烦。那么我该如何制作jquery＆amp;我使用的任何库读取这个插入的JS代码。

Answer 1

我认为您的意思是将content放在boxOne内。您正试图将DOM对象（本身）插入innerHTML：

boxOne.innerHTML = content;

JSFiddle

或者，因为它可以使用，所以只需使用jQuery：

$btn = $('<button/>',{text:'Delete','data-icon':'delete'});
$('#box1').html($btn);

JSFiddle

Answer 2

使用jQuery，您可以使用 html() ：

$('#box1').html('<button data-icon="delete">Delete</button>');

Answer 3

其他答案将向您展示如何添加按钮，而不是如何让jQuery Mobile增强它。

如果您使用的是jQM 1.4，请在容器上调用enhanceWithin()：

var content = '<button data-icon="delete">Delete</button>';
$("#box1").append(content).enhanceWithin();

如果您使用的是1.3，请在按钮对象上调用button()：

var content = '<button data-icon="delete">Delete</button>';
$("#box1").append(content);
$("#box1 button").button();

注意：在我的示例中，我使用append()添加内容，如果您愿意，仍然可以使用html()。

将jquery应用于使用javascript插入的代码

3 个答案: