在jquery中使用#urls

Question

我在这里让自己感到困惑。基本上我使用 jQuery 将 div 转换为链接；

$('.product').click(function() {
window.open('product.php','jav');
}); 

这工作正常，但我使用的是 .php/MySQL 数据库，并且我希望能够将产品 ID 传递到 url 中，以便它转到 /product.php#$id。通常，我只在 php 代码中使用 标签，但使用 Javascript 方法时，我无法将 PHP 变量插入 URL。

可能没有多大意义，但这是漫长的一天，如果有点难以理解我在这里要求的内容，我很乐意回答任何问题。

Answer 1

将产品 ID 作为 div 标记的一部分发出。这里我展示了两个选项：data- 属性和 div 的内容。我更喜欢 data- 属性，因为您的内容可能已经定义了。您可以在 jsfiddle 上查看以下所有内容。

<div class="product" data-id="42">42</div>

现在在构建 URL 时访问它：

$('.product').click(function() {
    //window.open('product.php','jav');

    var id = $(this).data('id'); // Alternatively use .attr('data-id')
    alert('product.php#' + id); 

    var text = $(this).text();
    alert('product.php#' + text);
});

Answer 2

如果将 id 放入自定义属性中，则可以在单击事件中提取它：

例如：

<div class=".product" urlid="someproductid"></div>

然后在单击事件处理程序中，您可以使用 jQuery 的 attr 方法来获取值。

Answer 3

好吧，您需要在标记中的某个位置包含 id。如果 .product 是 ，您可以为每个产品分配完整的 url，例如：

因此，在您的 jquery 代码中：（

$('.product').click(function() {
     window.open($(this).attr('href'),'jav');
     return false;
}); 

未测试）

添加：
Missing return false;

如果用户禁用了 js，这也将起作用，因为它将导航到正确的页面而不是作为弹出窗口打开。