我无法将JavaScript应用于Wordpress。你能帮助我吗?

时间:2019-06-07 13:38:48

标签: javascript jquery wordpress

我在以下位置遵循了本教程:https://www.youtube.com/watch?v=t0swZkgTQnk 至此说明如何向WordPress添加JavaScript。但是,当我启动页面时,在源页面中,.js文件将重新放置在其他位置。

我将.js文件放在“ C:\ Users \ xxxxx \ Documents \ Websites \ www.testsite.dev.cc \ wp-content \ themes \ profile-lite \ js”中,但在页面源文件中列在“ http://www.testsite.dev.cc/wp-content/themes/profile-lite/style.cssjs/script.js?ver=3.2.1”中。

我试图在文件夹“ style.cssjs”中的“ C:\ Users \ xxxxx \ Documents \ Websites \ www.testsite.dev.cc \ wp-content \ themes \ profile-lite”中创建一个文件夹如果文件可以读取但没有运气!

在我的function.php文件中,这是我的代码:

function cool_scripts(){

    wp_enqueue_script('cool-stuff', get_stylesheet_uri(). 'js/script.js', array('jquery'), '3.2.1', false);
}
    add_action('wp_enqueue_scripts','cool_scripts');

在我的script.js文件中,这是我的代码:

//with class div
		jQuery(document).ready(function(){
			$(".videowidth").hover(function(){
				$(this).children("video")[0].play();
			},
			function(){
			$(this).children("video")[0].pause();
			});
		});
		// Without id and class div
		/*$(document).ready(function(){
			$("video").hover(function(){
				$(this)[0].play();
			},
			function(){
			$(this)[0].pause();
			});
		});*/

我希望文件能够加载,但是控制台中出现此错误。

(索引):103 GET http://www.testsite.dev.cc/wp-content/themes/profile-lite/style.cssjs/script.js?ver=3.2.1净值:: ERR_ABORTED 404(未找到) enter image description here

2 个答案:

答案 0 :(得分:1)

我找到了!!

<xsl:template match="/wd:Report_Data">
    <Workers>
        <xsl:for-each select="wd:Report_Entry">
            <xsl:variable name="account_id" select="wd:Account_ID"/>
            <xsl:variable name="ytd_supp_wage" select="wd:Payroll_Result_group/wd:YTD_Supplemental_Wage"/>
            <xsl:for-each select="wd:Payroll_Result_Lines_group">
                <xsl:variable name="deduction_code" select="wd:Deduction/wd:ID"/> 
                <xsl:variable name="ytd_wage">
                    <xsl:choose>
                        <xsl:when test="$deduction_code = 'W_FW'"><xsl:value-of select="../wd:Payroll_Result_group/wd:YTD_Federal_Wage"/></xsl:when>
                        <xsl:when test="$deduction_code = 'W_MED'"><xsl:value-of select="../wd:Payroll_Result_group/wd:YTD_Medicare_Wage"/></xsl:when>
                        <xsl:when test="$deduction_code = 'W_OAS'"><xsl:value-of select="../wd:Payroll_Result_group/wd:YTD_OASDI_Wage"/></xsl:when>
                        <xsl:when test="$deduction_code = 'W_SWW'"><xsl:value-of select="../wd:Payroll_Result_group/wd:YTD_State_Wage"/></xsl:when>
                    </xsl:choose>                   
                </xsl:variable>
                <Worker>
                    <Column1 xtt:maxLength="11"><xsl:value-of select="$account_id"/></Column1>
                    <Column2 xtt:maxLength="15"><xsl:value-of select="wd:Tax_Description"/></Column2>   
                    <Column3 xtt:maxLength="13"><xsl:value-of select="wd:YTD_Withheld"/></Column3>
                    <Column4 xtt:maxLength="13"><xsl:value-of select="$ytd_supp_wage"/></Column4>
                    <Column5 xtt:maxLength="13"><xsl:value-of select="$ytd_wage"/></Column5>                        
                </Worker>
            </xsl:for-each> 
        </xsl:for-each>
    </Workers>      
</xsl:template>

答案 1 :(得分:0)

您需要使用RawArray而不是get_stylesheet_directory_uri()

get_stylesheet_uri()

有关选择function cool_scripts(){ wp_enqueue_script('cool-stuff', get_stylesheet_directory_uri(). 'js/script.js', array('jquery'), '3.2.1', false); } add_action('wp_enqueue_scripts','cool_scripts'); get_template_directory_uri的更多信息,请参见this answer