not working

Question

The following hyperlink does not work, though it works when you click open in new tab button.

<div class="span12 category-products" style="margin: 0 auto;">
<div class="toolbar">
    <div class="row big_with_description" style="position:relative;">                                                                   
        <a href="http://www.grewal.nl/reviveme/repair/mobile.html">
            <div class="span5 product hover">
                <img src="http://www.grewal.nl/reviveme/media/catalog/category/mobile2.jpg" class="category-thumbnail product-retina" width="499" height="268" alt="Mobile">    
            </div>
        </a>
    </div>
</div>

I have tried using Chrome and Firefox. The live page can be seen here.

Your anchor tags have collapsed ie they have no dimensions. Try applying width and height to them or use `display: inline-block`. — , Dec 21 '13 at 23:25
Try putting the in the div rather than the other way around? — Benjamin Gruenbaum, Dec 21 '13 at 23:25

score 8 · Accepted Answer · answered Dec 21 '13 at 23:34

8

If you disable JavaScript the link works. In ajaxtoolbar.js you have the following code:

$jq('a','.toolbar').click(function(event) {
    link    =   $jq(this).attr('href');

    if((link.search("mode=")!=-1||link.search("dir=")!=-1||link.search("price=")!=-1||link.search("p=")!=-1)&&(toolbarsend==false)){
        event.preventDefault();
        ajaxtoolbar.onSend(link,'get');
    }

    return false;

});

The return false; prevents the link from triggering.

answered Dec 21 '13 at 23:34

Kaloyan

7,262
4
32
47

thanks. can you please tell me, how did you find that? – progit Dec 21 '13 at 23:45
1

I saw the toolbar class and looked in the source for any script with the name "toolbar". And since the link works in a new window, my guess was it was a javascript issue. – Kaloyan Dec 21 '13 at 23:55

score 1 · Answer 2 · edited May 23 '17 at 12:32

Like @Benjamin Gruenbaum said, try this:

<div class="span12 category-products" style="margin: 0 auto;">
  <div class="toolbar">
    <div class="row big_with_description" style="position:relative;">
      <div class="span5 product hover">                                         
        <a href="http://www.grewal.nl/reviveme/repair/mobile.html">
         <img src="http://www.grewal.nl/reviveme/media/catalog/category/mobile2.jpg" class="category-thumbnail product-retina" width="499" height="268" alt="Mobile">
        </a>
      </div>
    </div>
  </div>
</div>

If it was your intention to link with this div, I would like to refer to this post: "Make a div into a link"

not working

2 Answers2

Linked