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 回答