3

如何在 html 中创建死链接。

我需要在我的网页中提供一个“链接”，它只会打开一个 jquery 对话框。我无法提供 href，因为它会加载页面。我只是希望链接看起来像一个链接。所以我尝试了以下方法。

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

jquery 加载运行良好，但链接仅显示为简单文本。用户不知道它是可点击的。如何解决这个问题？

4

9 回答 9

6

只需将 href 添加到无处即可使锚点成为链接

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

然后为了防止导航到 yourpage.ext#，您可以return false单击和/或调用preventDefault()

于 2013-08-01T12:19:20.870 回答
1 
<a id="link" href="#">Your text here<a/>
于 2013-08-01T12:20:07.997 回答
0

如果它不是一个真正的链接，您应该使用 a button，而不是 an 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-01T12:29:04.930 回答
0

你可以这样做（旧时尚）：

<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-01T12:20:55.323 回答
0 
<a id='opener_guid' href="#" onclick="yourfunc()" > Click here to load jquery message box</a>
于 2013-08-01T12:20:10.820 回答
0

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

阻止链接执行其默认操作

$( "#opener_guid" ).click(function(e) {
 e.preventDefault();
 // your code
});
于 2013-08-01T12:21:56.680 回答
0

你需要一个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-01T12:23:22.680 回答
0

很简单，添加这个css：

#opener_guid {
    cursor:pointer;
}

http://jsfiddle.net/bU6wz/

这使鼠标转向我们都知道并喜欢链接的那只熟悉的手。然后，您可以更改悬停时的颜色等，因为认为它不是“死链接”

于 2013-08-01T12:45:08.680 回答
0

这应该有效：

$(function() {
    $( "#opener_guid" )
        .button()
        .click(function() {
        $( "#dialog-form" ).dialog( "open" );
    });
});
于 2013-08-01T12:37:31.353 回答