Anchor tags not working in fancybox


username

When I click "LOGOUT" I want to logout (redirect to logout page).

<div id="emailverification" style="display:none;">
<div style="width: 100%;float:left;background-color: #E4E5EA;">

$(document).ready(function () {
    $("#emailverification").fancybox({
        closeClick: false, // prevents closing when clicking INSIDE fancybox 
        openEffect: 'none',
        closeEffect: 'none',
        closeBtn: false,
        keys: {
            close: null
        },
        helpers: {
            overlay: {
                closeClick: false
            }
            // prevents closing when clicking OUTSIDE fancybox 
        }
    }).trigger("click");
});

Check the html code in JSFIDDLE .

Amy

Try this code:

$(document).ready(function() {
            $("#emailverification").fancybox({
             closeClick  : false, // prevents closing when clicking INSIDE fancybox 
             openEffect  : 'none',
             closeEffect : 'none',             
             closeBtn : false,             
//             keys : {
//                close  : null
//             },
             helpers   : { 
              overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 
             }
            }).trigger("click");
    $('#logout').click(function(){
        window.location="http://www.example.com/";
    })
        });

Related


Anchor tags not working on laravel 5.2

Azario Times I wouldn't make direct pages with anchor tags in blade template engine, but it doesn't work. _sidebar.blade.php <li class="active treeview"> <a href="{{ url('/') }}"> <i class="fa fa-dashboard"></i> <span>Menu Utama</span> </a>

Animation not working on all anchor tags

Barwick I'm having a problem with the arrow animation on hover of an anchor tag. When I hover over the first Anchor label animation it works fine and changes the style using JavaScript. But the problem is when I use multiple Anchor tags, it only works perfectl

My anchor tags are not working.

Froy The problem is that as stated in the title, clicking on an image wrapped with an anchor tag doesn't work. Here is an example of a grid list item: <li class="grid-list-item"> <h3 class="grid-trail-name">Marshall Canyon</h3><span class="grid-loc

Anchor tags not working on laravel 5.2

Azario Times I wouldn't make direct pages with anchor tags in blade template engine, but it doesn't work. _sidebar.blade.php <li class="active treeview"> <a href="{{ url('/') }}"> <i class="fa fa-dashboard"></i> <span>Menu Utama</span> </a>

Text indent not working with anchor tags

Corinem http://jsfiddle.net/corinem/TtPgy/ I am using: <a href="">Lorem ipsum dolor.</a> CSS: a{text-indent:-9999px;} ...but that doesn't work. For example <p>, it works when I do it with another tab . I also tried adding overflow:hiddenCSS but it still does

Animation not working on all anchor tags

Barwick I'm having a problem with the arrow animation on hover of an anchor tag. When I hover over the first Anchor label animation it works fine and changes the style using JavaScript. But the problem is when I use multiple Anchor tags, it only works perfectl

CSS styles for anchor tags not working

Turbo 123 I put some links on the page, added the link to a css file to the html, but the styles are not showing. HTML: <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="te

Animation not working on all anchor tags

Barwick I'm having a problem with the arrow animation on hover of an anchor tag. When I hover over the first Anchor label animation it works fine and changes the style using JavaScript. But the problem is when I use multiple Anchor tags, it only works perfectl

Anchor tags not working on laravel 5.2

Azario Times I wouldn't make direct pages with anchor tags in blade template engine, but it doesn't work. _sidebar.blade.php <li class="active treeview"> <a href="{{ url('/') }}"> <i class="fa fa-dashboard"></i> <span>Menu Utama</span> </a>

Anchor tags not working on laravel 5.2

Azario Times I wouldn't make direct pages with anchor tags in blade template engine, but it doesn't work. _sidebar.blade.php <li class="active treeview"> <a href="{{ url('/') }}"> <i class="fa fa-dashboard"></i> <span>Menu Utama</span> </a>

Animation not working on all anchor tags

Barwick I'm having a problem with the arrow animation on hover of an anchor tag. When I hover over the first Anchor label animation it works fine and changes the style using JavaScript. But the problem is when I use multiple Anchor tags, it only works perfectl

Animation not working on all anchor tags

Barwick I'm having a problem with the arrow animation on hover of an anchor tag. When I hover over the first Anchor label animation it works fine and changes the style using JavaScript. But the problem is when I use multiple Anchor tags, it only works perfectl

Anchor tags in chrome not working properly? Is this a chrome bug?

Owen I have a website http://rethinkwaste.com.au/ . When the first slide is clicked, I set an anchor <div id="illegal"></div> This seems to jump back to the top of the page on first load in google chrome. Is this a Chrome bug? If I then refresh or load the pa

Subsequent anchor tags not working in html/php

Bishwaroop Chakraborty I'm trying to alert each user's personal id in a html user link. So each user will be fetched from the database and displayed on the page as a link. Also, since they have a unique email id, I'm trying to alert that user to their email wh

Some tags in anchor tag, text indent not working

Rajaseca I created the label inside the label and applied the indent text: -9999px; but it doesn't work To be ADA compliant we need to add (new window) text in the anchor tag, but I don't want that text to be displayed so I used text-indent HTML: <a href="#" t

Anchor tags are not working properly in my Laravel website

Arafat Rahman On my Laravel website, I want to link my Facebook account with the website, but it's not working. if i am using <a href="{{url('/www.facebook.com/my_fb_page_id')}}"></a> For this, the link appears as follows https://myDomainName/www.facebook.com

Some tags in anchor tag, text indent not working

Rajaseca I created the label inside the label and applied the indent text: -9999px; but it doesn't work To be ADA compliant we need to add (new window) text in the anchor tag, but I don't want that text to be displayed so I used text-indent HTML: <a href="#" t

Anchor tags are not working properly in my Laravel website

Arafat Rahman On my Laravel website, I want to link my Facebook account with the website, but it's not working. if i am using <a href="{{url('/www.facebook.com/my_fb_page_id')}}"></a> For this, the link appears as follows https://myDomainName/www.facebook.com

Javascript dynamic creation of anchor tags g not working

Ankita Kashyap I am trying to create html using javascript. But my links to anchor tags are not working. var test ="http://blogs.edweek.org/edweek/finding_common_ground/2016/10/if_coaching_is_so_powerful_why_are't_principals_being_coached.html?cmp=SOC-EDIT-F

CSS3::selection selector not working properly on anchor tags

Shiva I am using CSS3 selectors ::sectionlike this ::selection{ color:red; background-color:pink; } ::-moz-selection { color:red; background-color:pink; } So when some element is selected, its color should be changed to red and the backgroun

CSS3::selection selector not working properly on anchor tags

Shiva I am using CSS3 selectors ::sectionlike this ::selection{ color:red; background-color:pink; } ::-moz-selection { color:red; background-color:pink; } So when some element is selected, its color should be changed to red and the backgroun

Anchor tags in HTML not working on click in IE11

Anukul Here is my JSP code <td width="25%" align="left" valign="top" class="mainContainer"> You may start another session by clicking below <a id="loginLink" href="#" onclick="redirectURL()" target="_top"><span>Login</span></a> </td> My JS code is funct

Anchor tags in HTML not working on click in IE11

Anukul Here is my JSP code <td width="25%" align="left" valign="top" class="mainContainer"> You may start another session by clicking below <a id="loginLink" href="#" onclick="redirectURL()" target="_top"><span>Login</span></a> </td> My JS code is funct

Anchor tags on tags not redirecting

ubs0305 I need to add hyperlinks on each tab. After adding it and clicking the tab, the page is not redirecting. Any help would be greatly appreciated. .tabset input[type=radio]{position:absolute;left:-200vw}.tabset .tab-panel{display:none}.tabset>input:first-

Anchor tags on tags not redirecting

ubs0305 I need to add hyperlinks on each tab. After adding it and clicking the tab, the page is not redirecting. Any help would be greatly appreciated. .tabset input[type=radio]{position:absolute;left:-200vw}.tabset .tab-panel{display:none}.tabset>input:first-

Anchor tags on tags not redirecting

ubs0305 I need to add hyperlinks on each tab. After adding it and clicking the tab, the page is not redirecting. Any help would be greatly appreciated. .tabset input[type=radio]{position:absolute;left:-200vw}.tabset .tab-panel{display:none}.tabset>input:first-

Anchor tags on tags not redirecting

ubs0305 I need to add hyperlinks on each tab. After adding it and clicking the tab, the page is not redirecting. Any help would be greatly appreciated. .tabset input[type=radio]{position:absolute;left:-200vw}.tabset .tab-panel{display:none}.tabset>input:first-