javascript
  • html
  • hyperlink
  • rollover
  • 2012-07-24 61 views 1 likes 
    1

    我有一個翻轉塊的列表。該塊本身是一個頁面的鏈接。塊內有兩個其他鏈接,文本,以不同的頁面。當你點擊其中一個鏈接時,鏈接和塊鏈接都會執行,導致加載兩個窗口。如何在點擊文本塊鏈接不執行時如何做到這一點?鏈接內顯示塊鏈接問題,這兩個鏈接激活

    謝謝!

    echo "<div class='feedcontent' 
          onclick='show_thumbnail($pageid,$revid, this)' 
          id='newsitem-$pageid-$revid'>"; 
    
    echo " <a href='javascript:void;' 
          onclick='load_wikitrust(\"$wktrust_url\");'>edited</a><br>"; 
    $aname=substr($wkarticle, 0, 27); 
    echo " <a href='javascript:void;' 
          onclick='window.open(\"$wkarticle_url\")'>$aname</a>"; 
    echo " on <span class='timeline_timestamp'>$timestamp</span>"; 
    echo "</div> 
    

    因此,例如,當您點擊文章名稱($ aname)均顯示縮略圖以及的onclick鏈接,打開與文章載入窗口的onclick鏈接。這只是由feedcontent類定義的塊內的代碼片段。

    +0

    哪來的代碼? – 2012-07-24 14:53:12

    +0

    我更新了一些代碼 – campatsky 2012-07-24 15:03:26

    回答

    1

    您可以使用event.stopPropagation();爲:

    http://jsfiddle.net/jPYka/

    <div class="outer" onclick="alert('outer container clicked'); return false"> 
        <div class="inner" onclick="alert('inner 1 clicked'); event.stopPropagation();">inner 
         1 
        </div> 
        <div class="inner" onclick="alert('inner 2 clicked');">inner 
         2 
        </div> 
    </div>​ 
    

    通知如何防止外div的onclick事件,單擊第一個容器中時。

    +0

    的問題,謝謝我現在就試試! – campatsky 2012-07-24 15:15:27

    +0

    像一個魅力工作。天哪,非常感謝你!你爲我節省了很多時間! – campatsky 2012-07-24 15:20:23

    0

    根據HTML規範,您不能將a標籤放在另一個標籤內。

    The a element

    分類:互動內容,若水內容。
    內容模型:透明,但不能有交互式內容後裔。

    修復您的HTML以獲得正確的行爲!

    1

    即使它可能是工作,
    不能嵌套HREF

    鏈接後,由A元素定義錨不能嵌套;一個A 元素不得包含任何其他A元素。

    w3.org - View full details on their page

    +0

    我想要做的事很常見。一個例子是在facebook消息系統上。當您在右側展開朋友列表時,會出現一個小圖標。滾動塊允許您向用戶發送消息,而圖標轉到用戶的配置文件,但不是兩者。 – campatsky 2012-07-24 15:14:30

    +0

    如果您檢查Facebook部分的這部分代碼,您會看到沒有嵌套的。 – 2012-07-24 15:46:42

    相關問題