HTML加載對話框中的虛擬鏈接

我需要在我的網頁中提供一個「鏈接」，只是打開一個jQuery對話框。自從它加載頁面後，我無法提供href。我只想讓鏈接看起來像一個鏈接。所以我嘗試了以下。

<a id='opener_guid' > Click here to load jquery message box</a>

jquery的加載效果很好，但鏈接只是顯示爲一個簡單的文本。用戶不知道它是可點擊的。如何解決這個問題？

來源

2013-08-01 Nemo

只需添加一個HREF無處使錨鏈接

<a id='opener_guid' href="#" > Click here to load jquery message box</a>

隨後阻止導航到yourpage.ext＃，您可以return false上點擊，和/或致電preventDefault()

來源

2013-08-01 12:19:20 bizzehdee

<a id="link" href="#">Your text here<a/>

來源

2013-08-01 12:20:07 Rex

<a id='opener_guid' href="#" onclick="yourfunc()" > Click here to load jquery message box</a>

來源

2013-08-01 12:20:10 Pranav

你可以做這樣的（老款）：

<a href="javascript:openDialog('Dummy!');" id='opener_guid'>...</a>

或像這樣（在線）：

<a href="#" onclick="openDialog('Dummy!'); return false;" id='opener_guid'>...</a>

或類似這樣的（本地）：

<a href="#" id='opener_guid'>...</a> 
<script>document.getElementById('opener_guid').click = function() { 
    openDialog('Dummy!'); 
    return false; 
};</script>

或像這樣（jQuery的）：

<a href="#" id='opener_guid'>...</a> 
<script>$('#opener_guid').click(function() { 
    openDialog('Dummy!'); 
    return false; 
});</script>

注：你必須自己寫openDialog()，它只是上面例子中的一個佔位符。

來源

2013-08-01 12:20:55 aorcsik

你可以把#像<a href="#" id="opener_guid">Click here to load jquery message box</a>

抑制連接從執行它的默認操作

$("#opener_guid").click(function(e) { 
e.preventDefault(); 
// your code 
});

來源

2013-08-01 12:21:56 luke2012

你需要一個HREF。

<a href='#' id='opener_guid' > Click here to load jquery message box</a>

然後在你的jQuery中，當有人點擊鏈接時，你會想阻止默認 - 所以它不會重新加載頁面。

$('#opener_guid').click(function(e) { 
    e.preventDefault(); 
    //Do other stuff. 
});

來源

2013-08-01 12:23:22

如果不是你應該使用button，不是a一個真正的鏈接，這就是按鈕是和樣式它通過你喜歡的任何方式的CSS;在這種情況下，你似乎希望它看起來像一個鏈接。

<button id="opener_guid" type="button">Click here to load jquery message box</button>

和類似：

button#opener_guid {border:0;background:none;text-decoration:underline;cursor:pointer;}

的CSS屬性均達到你想要什麼，我省略顏色和字體和喜歡。

來源

2013-08-01 12:29:04 user2513484

這應該工作：

$(function() { 
    $("#opener_guid") 
     .button() 
     .click(function() { 
     $("#dialog-form").dialog("open"); 
    }); 
});

來源

2013-08-01 12:37:31 Companjo

簡單，添加此CSS：

#opener_guid { 
    cursor:pointer; 
}

http://jsfiddle.net/bU6wz/

這使得鼠標輪到那個熟悉的手，我們都知道，愛的鏈接。然後你可以改變懸停等顏色，因爲它認爲它不是'死鏈接'

來源

2013-08-01 12:45:08 Jacques

HTML加載對話框中的虛擬鏈接

回答

相關問題