jQuery和asp.net不能很好地结合在一起

jQuery和asp.net不能很好地结合在一起,asp.net,jquery,Asp.net,Jquery,请参考本页: 我有一个jQuery脚本,运行该脚本可以用背景图像替换h1标记。当加载文档时效果很好,但当我单击“添加到购物车”时,javascript警告jQuery样式中断。由于CMS的限制,我无法直接访问他们的javascript或任何ASP文件,但我认为必须有一个简单的解决方案 我正在使用的代码: jQuery(document).ready(function(){ 我也尝试过使用pageLoad(sender,args){magic,但没有运气。下面是发生的情况: 当您提交购物车时,它正

请参考本页:

我有一个jQuery脚本,运行该脚本可以用背景图像替换h1标记。当加载文档时效果很好,但当我单击“添加到购物车”时,javascript警告jQuery样式中断。由于CMS的限制,我无法直接访问他们的javascript或任何ASP文件,但我认为必须有一个简单的解决方案

我正在使用的代码:

jQuery(document).ready(function(){


我也尝试过使用pageLoad(sender,args){magic,但没有运气。

下面是发生的情况:

当您提交购物车时,它正在执行一个AJAX调用。该调用的结果将替换页面上的大部分HTML。在此之前所做的任何更改都将被替换

可能的解决方案

在AJAX调用完成后,您必须再次运行替换脚本

问题

为什么要在加载时替换H1标记?您想解决什么问题?您可能会找到更好的CSS解决方案。

给您

jQuery(document).ready( function() {
       jQuery('<style type="text/css" media="screen">h1{text-indent:-9999px!important;background:url(../images/h1/'+document.title.replace(/ /g,'') +'.png) no-repeat 0 0!important;}</style>').appendTo('head');
});
jQuery(文档).ready(函数(){
jQuery('h1{text indent:-9999px!重要;背景:url(../images/h1/'+document.title.replace(//g',)+'.png)不重复0!重要;}')。appendTo('head');
});

它所做的是添加一个新的css规则,将文本从框中推出,并添加背景图像

谢谢!设计师希望所有标题都在Clarendon中。我首先尝试了sIFR(因此这不完全是jQuery问题)但是遇到了我现在遇到的同样问题。相反,我制作了所有标题的图像,并使用css将文本从页面上留出一个负边距,然后将图片插入背景。我希望创建一个函数来提取文档。标题类似“blackberry lime”在这个例子中,去掉空格,在结尾添加一个.png。这样我就可以为每个标题编写两行代码,而不是一个单独的CSS类…就我个人而言,我不会添加更多的JavaScript复杂性,可以用几行CSS来代替。不过,任何对你最有效的都可以。是的..但他需要动态CSS规则(背景中的图像应该根据页面的不同而变化)哇,这不是我想的解决方案,但效果很好!
jQuery(document).ready( function() {
       jQuery('<style type="text/css" media="screen">h1{text-indent:-9999px!important;background:url(../images/h1/'+document.title.replace(/ /g,'') +'.png) no-repeat 0 0!important;}</style>').appendTo('head');
});