Question

我有一个wordpress页面。我想插入拼写错误的JavaScript。我读了其他类似的问题，我试着像他们一样，但它仍然无法正常工作。在页面上，控制台窗口显示错误：Uncaught TypeError: $(...).typed is not a function并显示$("#slidertext").typed({部分错误。我拼错了什么？

以下是插入文件的header.php：

$path = $_SERVER['DOCUMENT_ROOT'];
$path .= "/typo/insertjs.php";
include_once($path);

insertjs.php文件：

<script src="/typo/typed.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function($){

    $("#slidertext").typed({
        //strings: ["Luxus.", "Extravagancia.", "Profizmus.", "Try it  out!"],
        stringsElement: $('#texts'),
        typeSpeed: 30,
        backDelay: 500,
        loop: false,
        contentType: 'html', // or text
        // defaults to false for infinite loop
        loopCount: false,
        callback: function(){ foo(); },
        resetCallback: function() { newTyped(); }
    });

    $(".reset").click(function(){
        $("#slidertext").typed('reset');
    });

});

function newTyped(){ /* A new typed object */ }

function foo(){ console.log("Callback"); }
</script>

<div id="texts">
<p>Luxus.</p>
<p>Extravagancia.</p>
<p>Profizmus.</p>
</div>

typed.js与this非常相似。

Answer 1

您的typed.js未加载。请给它完整的路径：

<script src="/typo/typed.js" type="text/javascript"></script>

像

<script src="<?php echo get_template_directory_uri(); ?>/typo/typed.js" type="text/javascript"></script>

Answer 2

尝试NoConflict：

$=jQuery.noConflict();

Wordpress插入javascript，错误与$

2 个答案: