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

我有以下代码，当我点击一个名为msgup的锚标记时，该代码在其中执行

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

});

但我想在页面加载时自动完成这项工作，那么实现这样的工作流需要什么呢

---

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

将代码放入函数中，然后在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();
 });

---

将代码放入函数中，然后在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();
 });

我想你在找

实时查询利用了 通过绑定事件或 为匹配的元素触发回调 自动神奇，即使在页面之后 已加载，并且DOM已更新

我想你在找我

实时查询利用了 通过绑定事件或 为匹配的元素触发回调 自动神奇，即使在页面之后 已加载，并且DOM已更新

---

该插件只能通过点击一个元素来使用，不支持在没有点击事件的情况下显示一个条

---

Reigel建议立即调用

click

，但是你必须在页面中包含该元素，这样插件就可以连接事件了。

该插件只能通过单击元素来使用，不支持在没有click事件的情况下显示条带

---

Reigel建议立即调用

click

，但你必须在页面中包含该元素，这样插件就可以连接事件了。

Abhishek，你的代码似乎使用了一些jquery插件，它可以处理id为msgup的元素，你应该有id为msgup的元素。创建id为msgup的元素并修改代码

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

---

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

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

---

我使用以下代码完成了这项工作

$(document).ready(function()
{

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

$（文档）.ready（函数（）
{
$（“”）.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>

#通知{
位置：固定；
最高：21%；
左：40%；
宽度：20%；
身高：4%；
文本对齐：居中；
文本权重：粗体；
字体大小：20px；
背景颜色：黄色；
颜色：蓝色；
填充：3倍；
z指数：9999；
}

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

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

echo”设置超时（函数（）{
$（'notify'）.html（'Updated Successfully！'）.slideDown（2000）；
},0);
";

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

$(document).ready(function()
{

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

$（文档）.ready（函数（）
{
$（“”）.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>

#通知{
位置：固定；
最高：21%；
左：40%；
宽度：20%；
身高：4%；
文本对齐：居中；
文本权重：粗体；
字体大小：20px；
背景颜色：黄色；
颜色：蓝色；
填充：3倍；
z指数：9999；
}

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

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

echo”设置超时（函数（）{
$（'notify'）.html（'Updated Successfully！'）.slideDown（2000）；
},0);
";

谢谢您的简短建议，但我的页面中没有任何名为#msgup的id。此代码有效吗？我已检查代码未运行。我想我无法完全解释您要执行的操作。您需要在您的网站上创建id为msgup的div，或者您可以使用.append（），.html（）使用jQuery创建等等@Curt，正如你所知，你有一个额外的函数，你不需要它。而不是把一个匿名函数传递给ready，在这个函数中调用msqup_bar（），您可以将msqup_栏直接传递给.ready，因为它已经是一个无参数函数。@Curt，我想您可能误解了我的意思。我认为document ready函数应该如下所示：$（document）.ready（msqup_栏）；在ready函数中少创建一个匿名函数。感谢您的建议Curt，但我的页面中没有任何名为#msgup的id。此代码有效吗？我已检查代码未运行。我想我无法完全解释我要做什么。您需要在您的网站上创建id为msgup的div，或者您可以使用.a使用jQuery创建ppend（），.html（）等@Curt，正如你所知，这里有一个额外的函数，你不需要它。而不是将一个匿名函数传递给ready，并在该函数内部调用msqup_bar（），您可以将msqup_栏直接传递给.ready，因为它已经是一个无参数函数。@Curt，我想您可能误解了我。我认为document ready函数应该是这样的：$（document）.ready（msqup_栏）；在ready函数中少创建一个匿名函数。我已经尝试了上述代码和$（document）。ready（function（）{click（）；}）；但是什么也没发生我已经尝试了上面的代码和这个$（document）.ready（function（）{click（）；}）；但什么也没发生我在遵循本教程，在点击后退按钮后执行的代码我想在dom准备就绪后执行相同的代码。我想大多数人都误解了OP想要的是什么…或者只是我。是的，Reigel我想在页面加载或dom准备就绪后不点击你真的有锚吗h该页面上的ID msgup？我正在遵循本教程，即单击后退按钮后执行的代码。我想在dom准备就绪后执行相同的代码。我猜大多数人都误解了OP想要的是什么…或者只是我。是的，Reigel，我想在页面加载或dom ready后不单击，你真的有一个锚吗还是用那页上的msgup？