Question

我有以下代码，当我点击名为msgup的

锚标签时，此代码会执行

    $("#msgup").bar({
        color : '#1E90FF',
        background_color : '#FFFFFF',
        removebutton     : false,
        message : 'Your profile customization has been saved!',
        time: 4000

});

但我想在页面加载时自动执行此操作，那么实现此类工作流程需要什么？

实际上我正在使用jBar插件在页面顶部显示stackoverflow类型通知。

Answer 1

$(document).ready(function() {

    $("#msgup").bar({
        color : '#1E90FF',
        background_color : '#FFFFFF',
        removebutton     : false,
        message : 'Your profile customization has been saved!',
        time: 4000

    }).click(); // call click right away...
 });

Answer 2

将代码放入函数中，然后在jquery文档中运行该函数：

function msgup_bar(){
$("#msgup").bar({
        color : '#1E90FF',
        background_color : '#FFFFFF',
        removebutton     : false,
        message : 'Your profile customization has been saved!',
        time: 4000

});
}

$(document).ready(function() {
   msqup_bar();
 });

http://www.learningjquery.com/2006/09/introducing-document-ready

Answer 3

我认为您正在寻找LiveQuery jquery plugin。

Live Query利用了它的强大功能 jQuery选择器通过绑定事件或触发匹配元素的回调自动神奇地，即使在页面之后已加载并更新了DOM。

Answer 4

我使用以下代码完成了此操作

$(document).ready(function()
{

     $("<div id='notify'></div>").prependTo('body').hide();
}

标题中定义的样式：

<style>
#notify{

       position:fixed;
           top: 21%; 
        left: 40%;
       width: 20%;
        height:4%;
        text-align:center;
            text-weight:bold;
           font-size:20px;
         background-color:YELLOW;
          color:BLUE;
            padding:3px;
           z-index:9999;
}

</style>

并使用PHP中的以下echo语句动态调用此函数

echo "<script> setTimeout(function(){
            $('#notify').html('Updated Successfully !').slideDown(2000);
 },0);
     </script>";

Answer 5

该插件仅用于点击元素，不支持显示没有点击事件的栏。

Reigel建议立即调用click应该有效，但是你必须在页面中包含该元素，以便插件能够将事件连接到。

Answer 6

Abhishek，您的代码似乎使用了一些jquery插件，它将对具有id msgup的元素执行某些操作，您应该具有id msgup的元素。创建具有id msgup的元素并修改代码

$(document).ready(function(){
//you code here
})

如何在jQuery中的文档就绪事件上自动调用函数

6 个答案: