通知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不能正常工作

回答

相關問題