自定义wordpress主题中锚点的问题

时间:2011-03-17 00:44:48

标签: php jquery wordpress jscrollpane

您好 我为wordpress www.litl.michalweb.pl创建了一个主题。在左侧,我有一个带有固定锚的侧边栏。每个链接都有一个表单:

http://litl.michalweb.pl/upcoming2/#seven

然后在其中一篇文章中我创建了一个这样的锚

<a  id="seven">Event 7</a>

我也使用jscrollpane插件,看起来它不能正常工作。 这是我如何使用它: 调用jquery:

<?php wp_enqueue_script( 'jquery' ); ?>

并放置脚本:

$j(function()
{
        $j('.scroll-pane').jScrollPane(
        {
            hijackInternalLinks: true
        }
    );
 });

我不知道它是否重要,但这里是.htaccess文件

 # BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L] 
</IfModule>

# END WordPress

奇怪的是,如果我只是将代码放在侧边栏中,我的锚点就可以了:

<a href="http://litl.michalweb.pl/upcoming/#seven">All events7</a>

但如果我试图使用wordpress链接它不起作用。 这是我的sidebar.php的大部分内容:

<div id="primary" class="widget-area" role="complementary"><ul class="xoxo">
<?php if ( ! dynamic_sidebar( 'primary-widget-area' ) ) : ?>
    <?php wp_list_bookmarks( 'show_description=1&limit=4&between=<br />'); ?>

<?php endif; // end primary widget area ?>
        </ul><br><br><br>
<a href="http://litl.michalweb.pl/upcoming/#seven">All events7</a>
<a href="http://litl.michalweb.pl/upcoming/#three">All events3</a>

</div><!-- #primary .widget-area --> 

我认为问题是由于我使用一些在线教程从头开始创建这个模板的事实,并且可能在header.php,index.php或其他地方有一小部分我遗漏了。不幸的是我无法使它工作,并且jScrollPane的行为不应该如此。 我希望有人能指出我解决问题的方法。 谢谢 米甲

1 个答案:

答案 0 :(得分:0)

wp_list_bookmarks函数的结果HTML是什么样的?此外,如果您使用除name之外的id属性(我知道无效的HTML5),使用标题/ span元素作为锚点,它是否有效?