Question

我想创建一个调用javascript函数的链接，我想将链接的文本传递给函数。

我正在尝试创建一个在原始链接上显示名称的对话框。 jquery会在这里有用吗？

Answer 1

jQuery UI有一个dialog function可以让它变得简单。

我会创建一个隐藏的div：

<!-- Temporary elements --> 
<!-- ui-dialog --> 
<div id="dialog" title=" "> 
</div>

在$（文件）.ready中添加：

jQuery('#dialog').dialog({
     autoOpen: false,
     modal: true,
     width: 625, 
     position: 'center'
}); /* end #dialog */

然后，在链接的click事件中，将标题和文本设置为：

jQuery('.ui-dialog-title').text(/* yourtext */);
jQuery('.ui-dialog-content').html(/* link name or whatever */);

jQuery('#dialog').dialog('open');
return false;

对话框会自动添加这些类。

编辑：忘记提及，你要在同一个点击事件中打开对话框并返回false，这样原来的链接href就不会执行了。

Answer 2

不确定这是否正是您要找的，但是：

<a href="#" id="mylink">Some Text here</a>

$('#mylink').click(function(){ myfunc($(this).text()); return false; });

Answer 3

非jQuery方法是将一个简单的onclick处理程序分配给链接

<html>
<head>

    <script>
         function foo(link)
            {
                alert(link.innerHTML);
                return false;
            }
    </script>
</head>
<body>
    <a href="#" onclick="foo(this);">blah</a>
</body>
</html>

Answer 4

扩展上一个答案，如果你只想要一个对话框，它应该是（需要jquery）：

<a href="#" id="mylink">Some Text here</a>

$('#mylink').click(function(){ alert($(this).text()); return false; });

jquery - 将页面上的文本传递给对话框

4 个答案: