Question

我使用了philantrophy主题，我在页面中通过短代码添加了滑块，然后在我的javascript中自动插入了p标签。

下面的代码显示了我的javascript代码中添加的p标记：

<script>
jQuery(function($) {
    jQuery('.main-slider, .page-header').prepend('<img src="http://localhost/projects/new_site/wp-content/uploads/2015/07/sketch.png" alt="" id="testimage" class="hidden">');
});</p>
<p>    jQuery(document).ready(function($) {</p>
<p>        jQuery('.main-carousel').prepend('<img src="http://localhost/projects/new_site/wp-content/uploads/2015/07/sketch.png" alt="" class="testimage hidden">');</p>
<p>        jQuery('.testimage').load(function(){
        jQuery(".slider-full .spinner, .slider-full .testimage").remove();
        jQuery(".main-carousel").removeClass('invisible').addClass('animated fadeIn');
    });</p>
<p>        var slider = jQuery('#myCarousel'),
                        animateClass;</p>
<p>        //Brogressbar Slider
        var percent = 0, bar = jQuery('.brogressbar'), interval = 2;</p>
<p>        function progressBarCarousel() {
                bar.css({width:percent+'%'});
                bar.css('transition', '0.2s');
                percent = percent +1;</p>
<p>        }
        var barInterval = setInterval(progressBarCarousel, interval/105);
        slider.carousel({
                interval: interval,
                pause: false
        }).on('slide.bs.carousel', function () {
                            percent=0;
                            bar.css('transition', '0s')
                    });</p>
<p>        slider.find('[data-animate-in]').addClass('animated');</p>
<p>        function animateSlide() {
                slider.find('.item').removeClass('current');</p>
<p>                slider.find('.active').addClass('current').find('[data-animate-in]').each(function () {
                        var $this = jQuery(this);
                        animateClass = $this.data('animate-in');
                        $this.addClass(animateClass);
                });</p>
<p>                slider.find('.active').find('[data-animate-out]').each(function () {
                        var $this = jQuery(this);
                        animateClass = $this.data('animate-out');
                        $this.removeClass(animateClass);
                });
        }
        function animateSlideEnd() {
            slider.find('.active [data-animate-in], .carousel-indicators, .carousel-control').each(function () {
                    var $this = jQuery(this);
                    animateClass = $this.data('animate-in');
                    $this.removeClass(animateClass);
            });
            slider.find('.active [data-animate-in], .carousel-indicators, .carousel-control').each(function () {
                    var $this = jQuery(this);
                    animateClass = $this.data('animate-out');
                    $this.addClass(animateClass);
            });
        }</p>
<p>        slider.find('.invisible').removeClass('invisible');
        animateSlide();</p>
<p>        slider.on('slid.bs.carousel', function () {
                animateSlide();
        });
        slider.on('slide.bs.carousel', function () {
                animateSlideEnd();
        });</p>
<p>        if (Modernizr.touch) {
            slider.find('.carousel-inner').swipe( {
                    swipeLeft: function() {
                        jQuery(this).parent().carousel('prev');
                    },
                    swipeRight: function() {
                        jQuery(this).parent().carousel('next');
                    },
                    threshold: 30
            });
        }
    });</p>
<p></script>

我也试过

remove_filter( 'the_content', 'wpautop' );
remove_filter( 'the_excerpt', 'wpautop' );

内部主题的function.php 请帮我摆脱这个。提前谢谢。

Answer 1

以下是一些选项，

从脚本中取出所有空格，以便WordPress不添加<p>标记。
查看此链接http://codex.wordpress.org/Using_Javascript

通过使用wp_enqueue_script（），向WordPress生成的页面添加JavaScript以及WordPress主题或插件的安全和推荐方法。此函数包括脚本（如果尚未包含该脚本），并安全地处理依赖项。

如此处所述https://codex.wordpress.org/Function_Reference/wp_enqueue_script

这是将JavaScript链接到WordPress生成页面的推荐方法。

将脚本复制并保存到新文件中并复制其目录。

使用示例

wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );

链接一个取决于jQuery的主题脚本

wp_enqueue_script('custom-script', get_template_directory_uri() . '/js/custom_script.js', array( 'jquery' ));

Answer 2

如果不具备此功能，则有一个技巧可以绕过插件安装。

将您的JavaScript代码缩小为一行。您可以使用在线上可用的任何JS缩小器。
将其粘贴到您的页面上，同时使用{minified code}，以确保所有内容都在一行上。

现在，即使添加了段落标记，也没关系，因为脚本仍将执行。

Answer 3

我看到它是一个古老的问题，但是我是最近才遇到的。我使用以下方法在没有任何插件的情况下正常工作：

<script type="text/javascript">
//<![CDATA[

your code

//]]>
</script>

实时示例（清单2的代码）：JavaScript in Beitrag einbetten。不确定它是否适用于所有wordpress版本-我猜值得一试。

Wordpress将<p>标签添加到我的javascript中

3 个答案: