使用Jquery警报对话框插件进行链接确认

时间:2011-01-13 09:56:36

标签: javascript jquery html jquery-ui jquery-plugins

我有以下情况:

- 一个带有表格的网站,每一行都代表一个项目,每个项目都有一个链接可以进行某些操作(使用GET变量)。

所以,我正在使用Jquery Alert Dialogs Plugin发送确认消息,但是在用户按“确定”后我无法关注该链接

JS代码:

<script type="text/javascript">
 var go = false;
$(document).ready( function() {
 $("a.disable ").click( function() {
  if(go == false) {
   jConfirm('Are u sure?', 'Confirm action', function(r) {
    if (r == true)
     {
      go = true;
      alert( $(this).attr['href']);

     }

   });
});
</script>

注意:我正在使用alert进行测试,但这应该是document.location 注1:alert()给我'undefined':( 注意2:我正在使用具有相同类别的多个按钮(按钮数量取决于项目数)

HTML:

<a href="disable?action=disable&id=5" class="button red disable">Disable</a> 注意:使用不同的获取变量重复按钮

另外,如果我在alert()中使用“a.disable”选择器,我得到了页面中第一个按钮的URL,因此不起作用:&lt;

谢谢!

1 个答案:

答案 0 :(得分:1)

<script type="text/javascript">
 var go = false;
$(document).ready( function() {
 $("a.disable").click( function() {

  var $this = $(this); // cached the object $(this)

  if(go == false) {
   jConfirm('Are u sure?', 'Confirm action', function(r) {
    if (r == true)
     {
      go = true;

      alert( $this.attr('href')); // use the cached object

     }

   });
});
</script>