在document.ready上触发初始化函数以加载默认信息

时间:2014-01-04 15:39:07

标签: javascript jquery

几乎可以肯定以前没有问过这个问题。 我需要在document.ready上运行初始化函数,因为我将使用相同的函数来刷新用户请求的内容。 所以函数在document.ready上运行一次,然后在文档生命周期内可以调用。

我必须承认我不知道从哪里开始。 好的,让我编辑我的代码看起来很喜欢这个

<div class="drag panel_box" id="drag">
<ul id="drag_list">

</ul>
</div>

<div class="drop panel_box" id="drop">
<ul id="drop_list">

</ul>
</div>

<div class="info panel_box">
  <div id="filters"></div>
  <div id="information"></div>
</div>

<script>
$(document).ready(function(){

$('#drag_list').append('<li class="draggable">Item 1</li>').draggable();
$('#drag_list').append('<li class="draggable">Item 2</li>').draggable();
$('#drag_list').append('<li class="draggable">Item 3</li>').draggable();
$('#drag_list').append('<li class="draggable">Item 4</li>').draggable();
$('#drag_list').append('<li class="draggable">Item 5</li>').draggable();

});
</script>

所以基本上我想在条目上运行append语句然后再调用重置按钮

1 个答案:

答案 0 :(得分:0)

我不确定你为什么要在这里投票。如果我理解你的问题,那么你正试图创建一个加载一些内容的函数。您希望它在初始页面加载时加载内容,并且您希望能够在以后加载新内容时调用相同的功能。

我不明白为什么你不能做

$(document).ready(function(){

   function loadContent(content_request_params){
     return content;
   }

   loadContent('initialize');  //this is run on initialize

   $('#load_content').click(function(){  //this is run later on user action
             loadContent('load-on-click')
           });
});

这是一个jsfiddle显示它工作http://jsfiddle.net/2Lq46/