0

我在stackoverflow上找到了以下代码,以便用jquery在两个H2标签之间包装一系列元素。当我在 wordpress 之外的模拟 html 页面上使用该代码时,该代码运行良好。但我无法让它在 wordpress 中工作。

我能够使其他基本脚本在 WP 环境中工作,但这显然超出了我的能力范围。这是一个 JSFiddle 的链接:http: //jsfiddle.net/ymDrn/,它演示了该脚本。

我已经像这样将脚本包含在我的 WP functions.php 中,它似乎被正确包含,因为它在页面加载后出现在 head 标记中。

WP 中包含的脚本:

function paraWrapper()  
{  
wp_register_script( 'fpParaWrapper', get_template_directory_uri() . '/js/fpParaWrapper.js', array( 'jquery' ) );  
wp_enqueue_script( 'fpParaWrapper' );  
}  
add_action( 'wp_enqueue_scripts', 'paraWrapper' ); 

剧本:

jQuery(function fpParaWrapper()
{
    jQuery('h2').each(function(){ 
        var $set = jQuery(this).nextUntil("h2").andSelf();
        $set.wrapAll('<div class="monkey" />'); 
    });
})

的HTML:

<h2>a Heading</h2>
<p>a paragraph</p>
<p>a paragraph</p>

<h2>a Heading</h2>
<p>a paragraph</p>
<p>a paragraph</p>

我无法确定该脚本的哪些元素不能与 WP 一起使用,并且肯定会感谢知识渊博的开发人员提供的一些见解。我对 HTML 和 CSS 非常熟悉,但我仍在学习脚本的基础知识。如果您需要更多详细信息,请告诉我,我今天大部分时间都在努力解决这个问题,但没有成功。我在这里先向您的帮助表示感谢!!

4

1 回答 1

0

在 wordpress 中,您必须替换$()jQuery()

于 2013-10-26T21:42:10.403 回答