Jquery not working inside javascript

Question

1.00/5 (2 votes)

See more:

I'm trying to display confirm pop up while button click.here button click function in pure javascript,but confirm pop up is jquery format.so pop up not opening.

What I have tried:

Jquery-confirm plugin

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.2.3/jquery-confirm.min.js"></script>

Script code

var el = document.getElementsByClassName("cancel");
          for (var i = 0; i < el.length; i++) {
              el[i].addEventListener('click', function (e) {


                  $.confirm({
                      animation: 'zoom',
                      closeAnimation: 'scale'
                  });



                  e.preventDefault();
              });
          }

Posted 14-Jul-17 2:39am

GrpSMK

Updated 14-Jul-17 4:56am

v2

Add a Solution

Comments

Richard Deeming 14-Jul-17 9:03am

So long as you've included a reference to the jQuery script file, any jQuery plugins will just work.

If you don't want to include jQuery in your page for some reason, then you'll need to use an alternative script that doesn't rely on jQuery.

GrpSMK 14-Jul-17 9:18am

$.confirm({
animation: 'zoom',
closeAnimation: 'scale'
});

this part only not working,if add alert means working

Richard Deeming 14-Jul-17 9:28am

As I said, you need to include the jQuery script in your page:

<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

jQuery CDN[^]

GrpSMK 14-Jul-17 9:39am

Not working

Richard Deeming 14-Jul-17 9:43am

Well, thanks for that extremely detailed and helpful description of the problem you're facing. </SARCASM>

GrpSMK 14-Jul-17 9:51am

I m using this script in view page in asp.net MVC4.Created one button inside for each loop(cancel button).that button on click event in javascript and pop up in jquery.

Richard Deeming 14-Jul-17 9:53am

Debug your code. Ensure that getElementsByClassName is returning the expected list of buttons. Ensure that the event handler is firing. Check the developer console for errors.

GrpSMK 14-Jul-17 10:47am

Uncaught TypeError: $.confirm is not a function

Richard Deeming 14-Jul-17 10:50am

Then you haven't included the jquery-confirm.js script properly.

NB: IIRC, <script> tags don't support app-relative paths (~/Scripts/...) in WebForms. You either have to register the script from the code-behind, or use this ugly hack:

<script src="<%= ResolveClientUrl("~/Scripts/jquery-confirm.js") %>"></script>

GrpSMK 14-Jul-17 10:54am

Check my updated plugin link and say how to write it pls

Richard Deeming 14-Jul-17 11:09am

Exactly as you have it works fine for me: Demo[^]

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)