asp.net - jQuery 和 asp.net 不能很好地协同工作

Question

请引用此页面:http://loadedgranola.valitics.com/_product_83484/blackberry_lime

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

我正在使用的代码:

jQuery(文档).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 规则，将文本推出框外并添加背景图像