Question

请参阅此页面以获取参考：http://loadedgranola.valitics.com/_product_83484/blackberry_lime

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

我正在使用的代码：

jQuery(document).ready(function(){

            var textReplacer = document.title.replace(/ /g,'');
            jQuery("h1").addClass('replaced').css("background","url(../images/h1/" + textReplacer + ".png) no-repeat 0 0");
    });

我也试过使用函数pageLoad（sender，args）{magic但没有运气。

Answer 1

你去..

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');
});

它的作用是添加一个新的css规则，将文本方式推出框并添加背景图像

Answer 2

以下是发生的事情：

当您提交购物车时，它正在进行AJAX通话。该调用的结果取代了页面上的大多数HTML。您在更换之前所做的任何更改。

可能的解决方案

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

<强>问题

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

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

2 个答案: