mouse0270 / bootstrap-notify

Turns standard Bootstrap alerts into "Growl-like" notifications.
http://bootstrap-notify.remabledesigns.com/
MIT License
2.25k stars 642 forks source link

$.notify in not a function #152

Open sajjaadalipour opened 8 years ago

sajjaadalipour commented 8 years ago

Hi . i was trying to use bootstrap-notify in my project , but your documentation was not useful fore me . for exmaple i was trying to show an alert message on a button click , but i got '$.notify in not a function' , and there was no explation about how to use alerts in button click events ?

bahmanenayati commented 7 years ago

Okey

:) :)

mouse0270 commented 7 years ago

Sorry this year has just been terrible for me life wise. I just noticed this issue. Are you able to tell me what the console was report?

newUserForTesting commented 7 years ago

Hello experts, I am also facing the same issue in my Ruby on Rails project. My bootstrap version: 3.3.7 Jquery version: 3.1.1 Could someone please help?

newUserForTesting commented 7 years ago

Resolved! Looks like there were 2 jquery files being included in my page with different versions. Removed one of them and notify is working like a charm! Thanks experts!

lilosir commented 7 years ago

Try jQuery.notify()

4sh3 commented 7 years ago

$.notify is not a function is happening to me,

ManouchehrRasoulli commented 7 years ago

Hi guys how are you can use this library for this problem: Notify.js

maskier commented 6 years ago

I had the same issue, the problem was that the source URL was wrong. The chrome console gave the hint, file not found 🔢 <script src="./js/bootstrap/bootstrap-notify.min.js"></script>

ZiedChekir commented 6 years ago

you just need to need to include the script in Your html for example in my case i downloaded bootstrap-notify with npm so it's in my node_modules. <script src="/node_modules/bootstrap-notify/bootstrap-notify.min.js"></script> And that s it. just find where the script is and included it in the script tag

vasatkoCZ commented 6 years ago

Hi same issue.

I tried NoResource and handly add notify.js. But same error in console: $wnd.jQuery.notify is not a function

I use latest GWT and GWTBootstrap. I have firstly inherited gwtboostrap and after gwtbootstrap.extras.notify.Notify in GWT module XML.

xcLtw commented 6 years ago

it's a strange problem,sometime it's fine,sometime can be wrong..but also try to include it once more before you use it,or u can try to choose another version,workd for me now

rdulmina commented 6 years ago

In angular 5 i got the same problem.i have tried every way to fix it but not working.finally i copy pasted bootstrap-notify.js file to angular component onInit() function then it works fine.i know this is very bad solution but this was the only way.hope this will help :-)

EAZeeE commented 6 years ago

Hey guys. If you haven't yet, in order to get this to work, you will need to add the bootstrap-notify.js path to your scripts.

Angular: Simply locate the "scripts" array in 'angular.json' ( 'angular-cli.json' before angular v6 ) file and add the path to the module your using: "node_modules/bootstrap4-notify/bootstrap-notify.min.js"

I hope this helps! 💯 Good luck!

salmanbangash1176 commented 4 years ago

in my case i put the $notify .function in a script in a $(document).ready(function() {

});

Ahmad-Sheeraz commented 2 years ago

Hey guys. If you haven't yet, in order to get this to work, you will need to add the bootstrap-notify.js path to your scripts.

Angular: Simply locate the "scripts" array in 'angular.json' ( 'angular-cli.json' before angular v6 ) file and add the path to the module your using: "node_modules/bootstrap4-notify/bootstrap-notify.min.js"

I hope this helps! 💯 Good luck!

Thanks alot brother.....