Javascript 尝试使用数据标记并单击事件来触发函数

Javascript 尝试使用数据标记并单击事件来触发函数,javascript,jquery,Javascript,Jquery,我正在处理一个页面,我试图在单击时重新加载页面并执行一个函数。这段代码适用于Safara和Firefox,但不适用于Chrome,我也不确定IE。希望有人能帮我。下面是我的代码。不确定是否有更好的方法 基本上,我只是创建一个URL,然后单击传递一个数据标记,然后抓取数据标记并将类别分配到URL的末尾。然后我执行名为“#西红柿”的category url函数。我必须重新加载页面,因为函数已经在前面调用过了 var categoryTitle = 'Tomatoes'; $('.activeCate

我正在处理一个页面,我试图在单击时重新加载页面并执行一个函数。这段代码适用于Safara和Firefox,但不适用于Chrome,我也不确定IE。希望有人能帮我。下面是我的代码。不确定是否有更好的方法

基本上,我只是创建一个URL,然后单击传递一个数据标记,然后抓取数据标记并将类别分配到URL的末尾。然后我执行名为“#西红柿”的category url函数。我必须重新加载页面,因为函数已经在前面调用过了

var categoryTitle = 'Tomatoes';
$('.activeCategory').html('<a href="#" class="activeCategory" data-caturl="#tomatoes">' + categoryTitle + '</a>');

//change the category dynamically if clicked from individual product page
      $('.activeCategory').click(function(event) {
          var caturl = $(this).children('a').data('caturl');
          var newWindow = window.location.href="http://www.example.com/DEV/product-categories/example.php" + caturl;
          if (newWindow === "http://www.example.com/DEV/product-categories/example.php" + caturl) {
              location.reload();
              $("caturl").click();
          } 
      });
var categoryttle='tomatos';
$('.activeCategory').html('');
//如果从单个产品页面单击,则动态更改类别
$('.activeCategory')。单击(函数(事件){
var caturl=$(this).children('a').data('caturl');
var newWindow=window.location.href=”http://www.example.com/DEV/product-categories/example.php“+caturl;
if(newWindow==”http://www.example.com/DEV/product-categories/example.php“+caturl){
location.reload();
$(“caturl”)。单击();
} 
});

我会重新加载页面并添加hashtag
,然后执行您的函数。无法在页面重新加载时进行回调,因为JS应用程序会重新初始化并重新启动

var categoryTitle = 'Tomatoes';
$('.activeCategory').html('<a href="#" class="activeCategory" data-caturl="#tomatoes">' + categoryTitle + '</a>');

//change the category dynamically if clicked from individual product page
      $('.activeCategory').click(function(event) {
          var caturl = $(this).children('a').data('caturl');
          var newWindow = window.location.href="http://www.example.com/DEV/product-categories/example.php" + caturl;
          if (newWindow === "http://www.example.com/DEV/product-categories/example.php" + caturl) {
              if(window.location.hash) {
                $("caturl").click();
              } else {
                 window.location = window.location.href + "#refresh";
                 location.reload();
              }



          } 
      });
var categoryttle='tomatos';
$('.activeCategory').html('');
//如果从单个产品页面单击,则动态更改类别
$('.activeCategory')。单击(函数(事件){
var caturl=$(this).children('a').data('caturl');
var newWindow=window.location.href=”http://www.example.com/DEV/product-categories/example.php“+caturl;
如果(新窗口==”http://www.example.com/DEV/product-categories/example.php“+caturl){
if(window.location.hash){
$(“caturl”)。单击();
}否则{
window.location=window.location.href+“#刷新”;
location.reload();
}
} 
});

你能同时发布html吗?请尝试包含一个工作示例。有没有办法重置单击事件?因为这些函数在运行此代码之前已经初始化。这就是我需要刷新页面的原因。单击事件将无法工作,除非首先重新加载页面并将其包装在
$(document.ready)(function(){//将代码放在此处})
。这基本上意味着“在文档“准备就绪”之前,页面无法安全操作。如果我在cat url click函数之前放置location.reload(),它就会工作。不知道为什么会这样。但在Chromear上仍然没有。您是否试图通过
$(“caturl”)调用
caturl
元素上的
click
事件。click()
?如果是这样,我会使用
$(“caturl”).trigger(“click”)
。它告诉我它的