如何在 JQuery 加载组件后运行函数？

Question

      <select id="townid" name="townid">
         <s:iterator value="townsForLanding">
            <option value="<s:property value="id"/>"><s:property value="name"/></option>
         </s:iterator>
      </select>

我有一个这样的函数：

  $(function(){
     var central = $('#townid option:contains("Central")');
     if(central){
        central.insertAfter('select option:first-child');
     }
  });

这个函数的作用是：如果 dropdwonlist 有一个“Central”元素，则将其放在第一个选项之后。

我的问题是，在加载 dropdownlist 后如何运行该函数。

我尝试过：

  $('#townid').one("click", function() {
    $('#townid option:contains("Central")').insertAfter('select option:first-child');
  });

但是该代码有一个问题：列表位于中央位置不正确，之后它到达第二位，我的意思是它不会很快刷新，所以我看到列表的更改。我想要在加载后点击之前它吗？

Answer 1

尝试将您的代码放入其中

$(document).ready(function(){

// call you function here


});