我正在尝试稍微修改一个wordpress模板。目前,一个函数返回一篇文章的链接,我试图替换这个链接,这样它就不会将你转移到另一个页面而只是将文章带入并加载它。
为此,我需要在页面加载后重置锚点href。
这是我感兴趣的代码:
<?php the_content( __('<img class="readmore" src="/images/readmore.png" title="poo"></img>', 'twentyten' ) ); ?>
返回:
<a class="more-link" href="http://henryprescott.com/undgraddissintro/#more-12">
<img title="poo" src="/images/readmore.png" class="readmore"></img></a>
但是我想修改它,以便运行脚本而不是带你到新页面。
因此我试图运行:
$(document).ready(function(){
$("a.more-link").css("href", "#");
alert($("a.more-link").css("href"));
}
它什么都不做,警报返回“未定义”。
我哪里出错,谢谢!
答案 0 :(得分:15)
使用attr()
代替css()
。
css
方法用于获取或设置CSS属性(例如margin
,color
,font-size
等。 attr
方法用于获取或设置HTML属性,例如href
,src
等。
答案 1 :(得分:5)
您正尝试使用CSS命令更改属性,这是错误的。
$(document).ready(function(){
$("a.more-link").attr("href", "#");
alert($("a.more-link").attr("href"));
}
答案 2 :(得分:0)
css()如果仅用于添加内联css,请在这种情况下尝试attr()
jQuery(document).ready(function(){
jQuery("a.more-link").attr("href", "#");
alert(jQuery("a.more-link").attr("href"));
return false;
}
返回false是为了避免页面重新加载。 ;)