Javascript 将数据传递到JQuery,然后传递到HTML(多步骤)

Javascript 将数据传递到JQuery,然后传递到HTML(多步骤),javascript,jquery,variables,slidedown,Javascript,Jquery,Variables,Slidedown,我试图允许调用一个全局函数,并将文本传递到设置在页面顶部的警报框中 我的代码是: <script> $(document).ready(function () { $('.fadehelper').fadeIn('slow'); function msg(data, type) { $('.warning').slideDown("slow").delay(1500).slideUp("slow"); } }); </script&

我试图允许调用一个全局函数,并将文本传递到设置在页面顶部的警报框中

我的代码是:

<script>
  $(document).ready(function () {
    $('.fadehelper').fadeIn('slow');

    function msg(data, type) {
      $('.warning').slideDown("slow").delay(1500).slideUp("slow");
    }
  });
</script>

$(文档).ready(函数(){
$('.fadehelp').fadeIn('slow');
函数消息(数据,类型){
$('.warning').slideDown(“慢”).delay(1500).slideUp(“慢”);
}
});
消息框是:

<div class="warning">Help me!</div>
救救我!
我真的不知道怎么做

我想传递一个类型和一条消息。类将是类型,消息将在“警告”出现的地方执行

因此,如果我在页面中的某个地方找到msg(警告,“救救我!”);我想把它翻译成上面这样


你能帮忙吗?谢谢。

首先,在div上添加一个id属性,以便轻松找到它。我假设您在以下函数中使用alertbox作为id

将以下内容添加到msg函数的末尾:

var box=document.getElementById('alertbox');
box.setAttribute('class',type);
box.innerHTML=data;
在jquery中可能可以做得更短,但我不使用jquery

function msg(type, data){
   var box=document.getElementById('alertbox');
    box.setAttribute('class',type);
    box.innerHTML=data;
    $('#alertbox').slideDown("slow").delay(1500).slideUp("slow");
}

明白了

@Markassoftware Uncaught ReferenceError:type未定义您将type作为msg的参数。如果你把它作为一个论据提供,它就会存在,所以你可能没有把它作为论据。试着运行这个,它应该可以工作:msg('hello','warning');另外,在msg中的一段代码中,将.warning替换为#alertbox最后一件事:将我的用户名拼写为一个,这正是我的答案