Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Popup] Popups don’t work with anchor tags when jQuery 3.2.0 is being used

See original GitHub issue

Here is the case:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.9/semantic.min.css">
</head>
<body>
  <a id="test" data-content="test" data-position="top left" data-variation="inverted">Test</a>
  <div id="test-div" data-content="test" data-position="top left" data-variation="inverted">Test div</div>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.9/semantic.min.js"></script>
  <script>
    $('#test').popup(); // it does not work
    $('#test-div').popup(); // it works
  </script>
</body>
</html>

Issue Analytics

State:
Created 7 years ago
Comments:7 (4 by maintainers)

Top GitHub Comments

1reaction

awgvcommented, Mar 20, 2017

@iROCKBUNNY disregard my last message, it seems to be my lack of understanding of how JSFiddle works, and CDNs do actually work. I’ve just followed your setup and reproduced the issue.

0reactions

awgvcommented, Mar 21, 2017

Hi @iROCKBUNNY, thanks, can confirm. Closing the issue—it seems that the problem wasn’t on SUI’s end.

Top Results From Across the Web

Anchor tag links not working in jquery pop up - Stack Overflow

I want to do so when I click on help 1 link then it should go to content of C1 in popup window...

jQuery 3.2.0 Is Out!

jQuery 3.2.0 has been released! This release includes some bug fixes, improvements, and some deprecations. There should be no compatibility ...

Popup Widget | jQuery Mobile API Documentation

To create a popup, add the data-role="popup" attribute to a div with the popup contents. Then create a link with the href set...

jquery-confirm.js | The multipurpose alert & confirm

A multipurpose alert, confirm plugin, alternative to the native alert() and confirm() functions. Supports features like auto-close, themes, animations, ...

Magnific Popup: Responsive jQuery Lightbox Plugin

Light and open source responsive lightbox plugin with focus on performance, for jQuery and Zepto.js. High-DPI (retina) display support, fast tap for touch ......