在JQuery中用CSS编写Html

在JQuery中用CSS编写Html,jquery,html,css,jquery-mobile,Jquery,Html,Css,Jquery Mobile,在我的HTML页面中,我希望根据计数显示一定数量的按钮。所以我习惯于动态显示这些按钮。这是我写的 var html = "<a href='#' data-role='button' data-theme='b' data-inline='true'>Pay</a>"; $("#DivId").append(html); var html=”“; $(“#DivId”).append(html); 但样式不应用于按钮。当我试图直接在Div标记中编写下面的代码时,它工作

在我的HTML页面中,我希望根据计数显示一定数量的按钮。所以我习惯于动态显示这些按钮。这是我写的

var html = "<a href='#' data-role='button' data-theme='b' data-inline='true'>Pay</a>";
$("#DivId").append(html);
var html=”“;
$(“#DivId”).append(html);
但样式不应用于按钮。当我试图直接在Div标记中编写下面的代码时,它工作得很好

<a href='#' data-role='button' data-theme='b' data-inline='true'>Pay</a>


有什么帮助吗?

您是否在
$(document.ready()
函数或其他东西上使用了JavaScript样式?在这种情况下,需要在执行
$(“#DivId”).append(html)之后重新初始化函数

例子 您有这样一个函数:

$(document).ready(function(){
    $('a[href="#modal"]').click(function(){
        alert("Modal");
    });
});
页面加载后,它在运行时执行。您正在动态插入另一个具有相同内容的
标记。例如:

$("#result").html('<a href="#modal">Modal Window</a>');

希望您能理解?

您是否在
$(document).ready()函数或其他函数上使用了JavaScript样式?在这种情况下,需要在执行
$(“#DivId”).append(html)之后重新初始化函数

例子 您有这样一个函数:

$(document).ready(function(){
    $('a[href="#modal"]').click(function(){
        alert("Modal");
    });
});
页面加载后,它在运行时执行。您正在动态插入另一个具有相同内容的
标记。例如:

$("#result").html('<a href="#modal">Modal Window</a>');

希望你能得到它?

答案是它应该能工作。只要代码在DOM中正确输出(请参阅Firebug或其他检查器),CSS就没有理由不工作,最有可能的问题是您的CSS没有共享。

答案是它应该工作。只要代码在DOM中正确输出(请参阅使用Firebug或其他检查器),CSS就没有理由不处理它,最有可能的问题是您的CSS没有共享。

您必须允许JQueryMobile更新新添加的DOM元素

var html=”“;
$(“#DivId”).append(html).trigger('create');

您必须允许JQueryMobile更新新添加的DOM元素

var html=”“;
$(“#DivId”).append(html).trigger('create');

可能的重复:数据内联、数据主题做什么?为什么不使用css类class=“myclass”并在标记中定义?您可以发布用于设置锚样式的css吗?@nobugs他没有这么说,但这看起来像JQueryMobile代码。JQM将根据设置的不同主题/角色/选项自动添加样式等。@AndrewR Cool,看起来像一个类似于可能的重复的多主题设置:数据内联、数据主题做什么?为什么不使用css类class=“myclass”并在标记中定义?您可以发布用于设置锚样式的css吗?@nobugs他没有这么说,但这看起来像JQueryMobile代码。JQM将根据设置的不同主题/角色/选项自动添加样式等。@AndrewR很酷,看起来像是一个类似的多主题设置。你能给我一个例子吗?我使用了外部CSS样式。我在@user1198485为你提供了详细的解释。检查一下,看看你是否能理解它。:)你能给我举个例子吗?我使用了外部CSS样式,我在@user1198485上给了你详细的解释。检查一下,看看你是否能理解它。:)谢谢你安德鲁工作得很有魅力。。多谢了,汉克,安德鲁工作得很有魅力。。谢谢