Question

我不是javascript wiz，但是对于这在三个主流浏览器中是如何工作有点困惑，但不是Safari ...这段代码有什么问题吗？基本上我只是在给定网址上与php / mysql回调一起使用它来跟踪链接点击。

Drupal.behaviors.NodeDownloadCounter = function() {

    $('a.ndc-link').click(function() {
        $.post('http://www.pixeledmemories.com/node-download-counter/log/' + this.name);
        return true;
    });

};

在这里使用Drupal行为而不是

$(document).ready(function() {

（正确的Drupal方法），但我已经尝试过两种方式，并没有什么区别。

我也尝试删除“return true”，但没有效果。

好的，进一步的测试表明，点击触发警报可以在Safari中运行：

$('a.ndc-link').click(function() {
    alert('testing (ignore)');
    $.post('http://www.pixeledmemories.com/node-download-counter/log/' + this.name);
    return true;
});

但是仍然没有记录到mysql。这是我的回调函数：

function node_download_counter_log($nid)
{
    global $user;
  $timestamp = time();
    $title = db_result(db_query("SELECT title FROM {node} WHERE nid = %d", $nid));

  db_query("INSERT INTO {node_download_counter} (nid, title, download_count, last_download, last_uid) VALUES (%d, '%s', %d, %d, %d) 
                    ON DUPLICATE KEY UPDATE download_count=download_count+1, last_download = %d, last_uid = %d", $nid, $title, 1, $timestamp, $user->uid, $timestamp, $user->uid);

  db_query("INSERT INTO {node_download_counter_log} (nid, title, uid, timestamp) VALUES (%d, '%s', %d, %d)", $nid, $title, $user->uid, $timestamp);

}

Answer 1

听起来问题是浏览器在数据发布完成之前正在更改页面。您可以尝试添加return false以查看它是否开始工作。如果是这样，您将需要在跟踪链接之前添加一个短暂的延迟。

更新：由于它有效，尝试在“return true;”

之前添加以下内容

if(jQuery.browser.safari){
  setTimeout("window.location.href= '"+this.href+"'",500);
  return false;
}

Answer 2

好的，根据我们对上述评论的对话，请尝试

$('a.ndc-link').click(function() {
    var href = this.href;
    $.post('http://www.pixeledmemories.com/node-download-counter/log/' + this.name,
       function() {
           window.location.href = href;
       }
    );
    return false;
});

Answer 3

首先，您必须小心不要将处理程序多次附加到每个'a.ndc-link'，一种方法是使用自定义类标记元素。

Drupal.behaviors.NodeDownloadCounter = function() {
    $('a.ndc-link:not(.node-download-counter-processed)').addClass('node-download-counter-processed').click(function(event) {
        // ...
    });
};

我认为这不起作用的一个原因是，因为它关闭了打开链接目标的页面，Safari会在实际发送到服务器之前取消$.post请求。返回false并调用event.preventDefault（事件是事件处理程序的第一个参数）应该可以防止这种情况发生，但也会阻止浏览器实际加载链接的目标。解决此问题的一种方法是推迟页面更改，直到POST请求完成。

Drupal.behaviors.NodeDownloadCounter = function() {
    $('a.ndc-link:not(.node-download-counter-processed)').addClass('node-download-counter-processed').click(function(event) {
        var link = this;
        event.preventDefault();
        $.post('http://www.pixeledmemories.com/node-download-counter/log/' + this.name, function() {
          window.location.href = link.href;
        });
        return false;
    });
};

但这只有在POST请求中没有错误时才有效。

更好的解决方案是劫持链接目标的服务器端处理程序，以添加单击日志记录，然后调用原始处理程序。

jQuery ajax功能无法在Safari中运行（Firefox，Chrome，IE还可以）

3 个答案: