0

这是一个奇怪的问题。我必须点击某些按钮（有一些 id）。id 在 PHP 脚本中通过 Ajax 传递。在数据库中搜索该 ID，并将匹配的条目作为数据传递，其中显示在我的 jQuery 灯箱中。但是，我必须第一次双击该按钮。

我的 HTML 结构如下：

<div class="boxes">
  <a href="#" id="showe3" class="button lfloat">Show it</a>
</div>
<div class="boxes">
  <a href="#" id="showe4" class="button lfloat">Show it</a>
</div>

Javascript函数是：

$('.button').click( function() {
  $.ajax({
    type: 'POST',                
    url: 'functions/db.php',            
    data: {id: this.id},
    dataType: 'json'
  }).done(function(data) {
    $('#'+data[0]).avgrund({
    //data [0] is both the id being clicked and that stored in the database
      height: 200,
      holderClass: 'custom',
      showClose: true,
      template: '<p>'+data[2]+'</p>' +
        '<div>' +
        '<a href="#" target="_blank" class="b1">'+data[0]+'</a>' +
        '<a href="#" target="_blank" class="b2">'+data[1]+'</a>' +
        '<a href="#" target="_blank" class="b2">More</a>' +
        '</div>'
    });
  });

});

我的相关 PHP 脚本：

$id = $_POST['id'];
$result = mysql_query("SELECT * FROM `eventdetails` WHERE `id` = '".$id."'");                      
$array = mysql_fetch_row($result);                            
echo json_encode($array);

我在 Windows 7 上的 XAMPP 服务器上运行文件。我第一次双击是否正常？我该如何改进它？

编辑#1 一位用户建议使用success而不是done在 Ajax 中。不过，它需要双击。success这是在 Ajax 中使用的 javascript 代码。

$('.button').click( function() {
  $.ajax({
    type: 'POST',                
    url: 'functions/db.php',            
    data: {id: this.id},
    dataType: 'json',
    success:(function(data) {
      $('#'+data[0]).avgrund({
        height: 200,
        holderClass: 'custom',
        showClose: true,
        template: '<p>'+data[2]+'</p>' +
          '<div>' +
          '<a href="#" target="_blank" class="b1">'+data[0]+'</a>' +
          '<a href="#" target="_blank" class="b2">'+data[1]+'</a>' +
          '<a href="#" target="_blank" class="b2">More</a>' +
          '</div>'
      });
    })
  });
});
4

1 回答 1

3

使用 ajax 数据初始化 avgrund 将其名为“openOnEvent”的特殊参数设置为“false”，它看起来像

$.ajax({
            type: 'POST',
            url: 'testpost.php',
            dataType: 'json',
            data: { id: this.id },
            success: function(id) {
                $('#' + id).avgrund({
                    openOnEvent: false,
                    height: 200,
                    template: '<p>content <b>' + id + '</b> here!</p>'
                });
            }
        });

文档 - https://github.com/voronianski/jquery.avgrund.js#update-sep-30-2012 测试页面 - http://labs.voronianski.com/test/test-avgrund.html

于 2013-01-10T10:49:10.527 回答