Hyperlink öffnet sich nicht in einem neuen Tab

Question

ich meine Website neu zu gestalten, und ich habe ein Problem mit einem Hyperlink meinen Code sieht ich denke, das Problem in der js ist

<li class="product aopc"> 
     <a class="product-link"></a> 
     <div class="product-details mCustomScrollbar"> 
    <a target="_blank" href="my link in pdf"><i class="material-icons">picture_as_pdf</i></a> 
    </li> 

und ein Teil meiner js

// handle click events 
$container.on('click', '.product', function(event) { 
    var $this = $(this); 

    event.preventDefault(); 

    // if not already open, do so 
    if (!$this.hasClass('open')){ 
     var $openItem = $container.find('.open'); 

     // if any, close currently open items 
     if ($openItem.length) { 
      closeItem($openItem); 
     } 

     openItem($this); 
    } 
}); 

und diese: $ container.on ('klicken', '.close', function (event) { event.stopPropagation(); closeItem ($ (this) .closest ('.product')); });

function openItem($item) { 
    var $image = $item.find('.product-image'); 

    $item.addClass('loading').spin(spinJsConfiguration); 

    $image.attr('src', $image.data('src-large')); 

    $item.imagesLoaded(function() { 
     $item.spin(false).removeClass('loading').addClass('open'); 
     $container.addClass('item-open').isotope('reLayout'); 
     $item.append('<div class="close">&times;</div>'); 
    }); 
} 
function closeItem($item) { 
    $item.removeClass('open').find('.close').remove(); 
    $container.removeClass('item-open').isotope('reLayout'); 
} 
}); 

würde jede mögliche Hilfe

Answer 1

Der Link funktioniert nicht, weil der Click-Handler geschätzt. Ihr Link ist ein Kind der li .Produkt.

Der Click-Handler enthält preventDefault(). Durch das Entfernen würde der Link wieder funktionieren.

Edit: Basierend auf Ihren Kommentar, ändern Sie die folgenden Schritte aus:

$container.on('click', '.product', function(event) { 
    var $this = $(this); 

An:

$container.on('click', '.product-link', function(event) { 
    var $this = $(this).parent(); 

Und do nicht preventDefault() entfernen.