jquery - 如何插入新元素,使其以正确的样式显示(使用 jQuery)

标签 jquery jquery-ui

总的来说,我对编程还很陌生,所以我的问题可能很容易回答,甚至很愚蠢,但我在这里:

将新按钮(或任何元素)添加到我的网站时,此按钮未以正确的样式显示。我究竟做错了什么?

代码:

<html lang="en">
<head>
<meta charset="utf-8" />
<title>Test</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />

<script>
$(function() {
$( "#accordion" ).accordion();
});

 $(function() {
$( "button" )
.button()
.click(function() {
$('#panel').append("<button>OK?</button>");
});
});
</script>

</head>
  <body>
    <button>Go!</button>
    <div id="accordion">
       <h3>Heading 1</h3>
        <div>
          <p id="panel">
        Text
          </p>
        </div>                  
    </div>
   </body>
</html>

最佳答案

添加“确定”按钮后尝试此代码:

 $('#panel').append("<button>OK?</button>");
 $( "#panel button" ).button();

关于jquery - 如何插入新元素,使其以正确的样式显示(使用 jQuery),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14374767/

相关文章:

javascript - jquery动态更新select中的 "other"选项

javascript - 禁用其他字段后单击弹出窗口上的文本框

JavaScript函数指针问题

jquery - 使用 jQuery 同时交换 Div id

html - 输入文本框旁边不显示日期选择器图标

php - 从 jQuery ajax 调用复制数组

javascript - 为什么文档点击监听器会立即触发?

jquery - 如何创建垂直对齐的选项卡?

jQuery-UI 可拖动和可排序

javascript - 带有 jQ​​uery UI 小部件的 Typescript - 实现调用签名