jquery を使用して 2 つの H2 タグの間の一連の要素をラップするために、stackoverflow で次のコードを見つけました。ワードプレス以外のモックアップHTMLページでコードを使用すると、コードは正常に機能します。しかし、私はそれをワードプレス内で動作させることができません。
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 には慣れていますが、スクリプトの基本についてはまだ学習中です。詳細が必要な場合はお知らせください。今日の大部分を費やして、これを解決しようとしましたが、成功しませんでした。事前に助けてくれてありがとう!!