非常简单的Wordpress + jquery工具问题

时间:2011-10-18 14:02:03

标签: jquery wordpress scrollable

我真的很难实现这项工作。任何帮助将通过彩票赢得业力来偿还: - )

我已经安装了一个vanilla WP站点并且只编辑了一个帖子和functions.php来添加CSS。这证明了这个问题。

当我在functions.php中添加所有jquery / tools wp_register_script / wp_enqueue_script声明时没有任何工作,所以为了理智而暂时,它们在帖子中(我知道这不是正确的地方)。

所以,这几乎可行。我没有错误,但页面(没有WP工作正常)不会呈现面板的内容。有任何想法吗?看看Chrome控制台,所有资源都已加载,所有脚本都在那里。

http://crystal-globe.com/jqt/

感谢您的帮助。头发被拉出来......

1 个答案:

答案 0 :(得分:0)

我相信你不应该在functions.php文件中添加与你的wordpress配置没有直接关系的代码(比如php的自定义帖子类型和函数)。

还原您的functions.php文件以及您添加到文件中的任何额外代码;然后尝试:

查找header.php以及<head> </head>标记之间包含以下代码:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); wp_head(); ?>

作为一个简单的测试,看看jQuery是否在标题中工作;

<script type="text/javascript">
$(function(){
$(".scrollable").scrollable();
});
</script>

在标题中添加以下内容:

<style type="text/css">
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 660px;
    height:90px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accommodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
.items div {
    float:left;
}
</style>