當我們點擊鏈接標籤內的跨度時，阻止鏈接的行爲javascript

嗨，我使用ng重複使用angualar js的div。這個div裏有一個鏈接標籤，它包裹着while標籤。鏈接標籤也有一個span標籤，它有一個類btnConatctme，當我點擊這個span時，一個bootstarp模式彈出，但是當頁面也重定向在鏈接中的src tag.i也試圖用這個當我們點擊鏈接標籤內的跨度時，阻止鏈接的行爲javascript

$('.btnConatctme').on('click',function(e){ 
    e.preventDefault(); 
});

但仍然THA頁面重定向我想要做的是，當我們在整體上點擊一個鏈接後，頁面應該重定向到src這是一個鏈接標籤中給出的。但是當我們點擊btnConatctme範圍然後bootstarp模式應該彈出和頁面不會重定向到下一頁這裏是我的完整代碼的div在ng-repeat內

<div class="todo-tasklist" > 
    <a href="{{ url('post-shipments/user_view') }}" class="divShipments"> 
     <div class="todo-tasklist-item todo-tasklist-item-border-green"> 
      <div class="col-md-12"> 
       <img class="todo-userpic pull-left" src="{{ url('default/img/document.jpg') }}"> 
       <div class="todo-tasklist-item-title"> shipment Name 
       <span class="pull-right"> 
        <span class="todo-tasklist-badge"> 21 DAYS LEFT</span>&nbsp; 
        <span class="todo-tasklist-badge btnConatctme" data-toggle="modal" data-target="#myModal"> Contact me</span>&nbsp; 
       </span> 
       </div> 
      </div> 
     </div> 
    </a> 
</div>

這裏是我使用它我使用的角度JS在它好心幫我在這將是非常讚賞

來源

2015-12-20 usama

你可以像下面哪個網站頁面的鏈接。希望這會幫助你。

$('body').on('click', '.divShipments', function(e){ 
    if(e.target.className=='btnConatctme') 
     e.preventDefault(); 
})

來源

2015-12-20 07:09:40 Azim

它不工作頁面仍然重定向到一個頁面，並在click事件添加警報，則警報甚至不顯示 – usama

你的元素可以自動生成。查看更新後的答案。 @usama – Azim

謝謝@Azim它正在工作 – usama

$('.btnConatctme').on('click',function(e){ 
    e.preventDefault(); 
    e.stopImmediatePropagation(); 
});

備選：

$('.btnConatctme').on('click',function(e){ 
    e.preventDefault(); 
    e.stopPropagation(); 
});

來源

2015-12-20 07:34:59 zer00ne

以上都無法正常工作，請你給我一個其他的替代解決方案 – usama

當我們點擊鏈接標籤內的跨度時，阻止鏈接的行爲javascript

回答

相關問題