Question

我想在页面加载后调用它： $('#chatscroller').tinyscrollbar() 这里#chatscroller是动态附加的div块。

HTML（现有代码块）：

<div id="onlinechatlist">
    <div class="chatimage">
    </div>
    <div id="chatscroller">
    </div>
</div>

JAVASCRIPT：

function tinyscrollbar( ) {
    // some codes for scrolling the particular division
}

function appendcode ( ) {
    $("#onlinechatlist").append(append above html code);
    // code will appended at the last of the page
});

问题是当代码被附加到页面的末尾时，不执行与附加代码类绑定的函数（此处：tinyscrollbar()）。

Answer 1

不确定我是否真的理解你的问题，但也许这有帮助吗？

等待页面加载，然后附加html，然后调用tinyscrollbar函数。

var chatscrollerhtml = '<div id="chatscroller">blabla</div>';

function tinyscrollbar() {
  //....
}

$(document).ready( function() {
  $(body).append(chatscrollerhtml);
  $('#chatscroller').tinyscrollbar();
});

jquery：动态创建元素的调用函数

1 个答案: