我正在开发一个基于小部件/小工具的网站,用户可以在同一页面上同时拥有相同的小部件/小工具。例如,以下可能是小部件/小工具:
<div class="widget widget_1">
<div class="header widget_header_1">
<input type="text" class="textbox_1"/><input type="button" class="button_1"/>
</div>
<div class="content widget_content_1"></div>
<div class="footer widget_footer_1"></div>
</div>
然后我可以一次在屏幕上显示其中的许多内容,这就是我使用类而不是 id 的原因。
在 document.ready 上,我运行一个生成默认值的函数widget_content_1
。问题是当用户添加另一个相同的小部件时,默认功能会将所有widget_content_1
小部件重置为默认值。如何阻止这种情况发生,如何仅将默认值应用于新添加的小部件而不影响其他小部件?
目前的代码如下所示:
// on document ready:
function_default();
...
function function_default() {
$('.widget_content_1').empty().append("default content here");
}
有谁知道如何解决这个问题?