通知JS不能正常工作

我正在使用Notify JS Notification选项。我已经尝试过，但没有工作。如果我删除样式和类名称的工作正常。通知JS不能正常工作

<style> 

    .notifyjs-happyblue-base { 
     white-space: nowrap; 
     background-color: lightblue; 
     padding: 5px; 
    } 
    .notifyjs-happyblue-superblue { 
     color: white; 
     background-color: blue; 
    } 
    </style> 
<script src="http://code.jquery.com/jquery-3.0.0.min.js"></script> 
<script src="notify.js"></script> 
<script src="notify.min.js"></script> 

<script> 

     $(function(){ 
      $.notify("Your Break is Approved", { 
      style: 'happyblue', 
      className: 'superblue' 
      title: "E-Contact Application" 
      }); 
    }); 
</script>

来源

2017-10-17 Maha

您需要的类名后加上逗号。即'className：'superblue'，' –

@ p.s.w.g我已经包含了逗号不起作用 – Maha

*它不工作*不是很具描述性。您是否看到错误或意外结果？除了输入错误，我可以看到的唯一可能的问题是，您正在导入'notify.js' *和*'notify.min.js' - 通常'x.min.js'只是一个缩小版本的' x.js'因此不需要同时包含两者。我建议将一个片段或[fiddle]（https://jsfiddle.net）放在一起，以展示您所看到的问题。 –

第一步，仅仅只包含脚本一次......你是包括uncomprssed版本，以及精缩版...

<script src="http://code.jquery.com/jquery-3.0.0.min.js"></script> 
<!--<script src="notify.js"></script> DITCH THIS LINE --> 
<script src="notify.min.js"></script>

步骤二，请确保您的语法是正确的.. 。

$(function(){ 
    $.notify("Your Break is Approved", { 
     style: 'happyblue', 
     className: 'superblue', // <-- just a comma, but really important 
     title: "E-Contact Application" 
    }); 
});

全部放在一起......

<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/notify/0.4.2/notify.min.js"></script> 
 
<script> 
 
    $.notify.addStyle('happyblue', { 
 
    html: "<div>☺<span data-notify-text/>☺</div>", 
 
    classes: { 
 
     base: { 
 
      "white-space": "nowrap", 
 
      "background-color": "lightblue", 
 
      "padding": "5px" 
 
     }, 
 
     superblue: { 
 
      "color": "white", 
 
      "background-color": "blue" 
 
     } 
 
     } 
 
    }); 
 

 

 
    $.notify("Your Break is Approved", { 
 
     style: 'happyblue', 
 
     className: 'superblue', // <-- just a comma, but really important 
 
     title: "E-Contact Application" 
 
    }); 
 
</script>

来源

2017-10-17 18:59:55 Fenton

使用$.notify.addStyle(... befor $.notify("Message",...

$.notify.addStyle('happyblue', { 
 
    html: "<span><span data-notify-text/></span>", 
 
    classes: { 
 
     base: { 
 
      "white-space": "nowrap", 
 
      "background-color": "lightblue", 
 
      "padding": "5px" 
 
     }, 
 
     superblue: { 
 
      "color": "white", 
 
      "background-color": "blue" 
 
     } 
 
     } 
 
}); 
 

 
$.notify("Message", { 
 
    style: 'happyblue', 
 
    className: 'superblue' 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://rawgit.com/notifyjs/notifyjs/master/dist/notify.js"></script>

来源

2017-10-17 19:12:00

通知JS不能正常工作

回答

相关问题