【问题标题】:Add an onClick event "html code" to preloaded ajax html tag/page将 onClick 事件“html 代码”添加到预加载的 ajax html 标记/页面
【发布时间】:2014-02-24 03:46:59
【问题描述】:

我有一个从 ajax 代码加载的网站,并且我有一个语言选择图像链接,我想在其中添加一个 onclick 事件。必须将 onclick 事件添加到 <a> 标记。当页面在浏览器中加载时,它将 html 代码形成为

<a class="whatever">
<div id="1234" class="whatever1" width: 25px; height: 25px;">
<img class="whatever2" alt="" src="imagelink.png" width: 25px; height: 25px;">
</div>
</a>

由于我无法手动更改 html 代码(我可以将 javascript 添加到页面中),我该如何加载: onClick="SetCookie('Language','En');document.location.href='http://example.com/';" 进入&lt;a&gt; 标签 ?

我可以使用&lt;a&gt; 标记中的类来定位元素并以某种方式将onclick 事件加载到其中吗?

提前感谢您的帮助。

【问题讨论】:

  • 你在使用JQuery吗?
  • 我尝试使用 jquery,就像 Subash Selvaraj 告诉我的那样,除了 jquery 会使我的网站出现故障。我想我不能使用它,我将不得不使用 javascript。
  • JQuery javascript。
  • 我知道 jquery 是 javascript,但它有太多的代码打包在一起,这会影响我的网站加载方式。这就是为什么我需要一些更简单的东西。
  • 如果 JQuery “搞乱了您网站的加载方式”,那么我认为您网站上的 javascript 中可能存在一些非常糟糕的做法。 JQuery 是完全命名空间的,您甚至可以在 jquery 加载后立即通过调用 jQuery.noConflict() 来关闭 $ 函数。

标签: javascript html onclick


【解决方案1】:

使用 Jquery。此处的 whatever 应替换为您的 &lt;a&gt;'s 类名。

$("body").on("click",".whatever",function(){
    SetCookie('Language','En');
    document.location.href='http://example.com/';
});

【讨论】:

  • 我在标题中发布了一个脚本代码,但它似乎不起作用。这就是我提出的:&lt;script&gt; $("body").on("click",".CertainClassName",function(){ SetCookie('Language','English'); document.location.href='http://www.example.com'; }); &lt;/script&gt; 我还尝试了这篇文章的一些建议:(stackoverflow.com/questions/12284168/…)
  • 您的代码中是否包含了 jquery? &lt;script src="http://code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;&lt;script src="cdnjs.cloudflare.com/ajax/libs/jquery/2.0.1/jquery.js"&gt;&lt;/script&gt;
  • 我尝试使用 jquery,但它使我的网站出现故障(页面加载后代码不会出现)。如果在页面加载后有另一种解决方案可以注入或插入 html 代码,那就太好了。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-01-27
  • 2022-01-23
  • 2019-01-07
  • 1970-01-01
  • 1970-01-01
  • 2013-06-02
  • 1970-01-01
相关资源
最近更新 更多