Question

我有这个代码，附在JsFiddle中，我想知道如何将它添加到一个wordpress页面？我尝试了一些插件，但他们似乎搞乱了格式化并停止了javascript的工作。任何帮助将不胜感激。有很多代码，所以我只在这里添加了一个小片段。

<div id="top">  
    <div class= "toptext">  
        <span>Bet Type</span>
        <select id = "typeoption"> 
            <option value="0">Qualifying Bet</option> 
        </select>
    </div>

https://jsfiddle.net/yLqwthyr/1/

Answer 1

您需要修改jquery代码以在noConflict模式下运行脚本。

如果您计划添加单个js文件，则需要使用wp_enqueue_script（）将其排入队列。

一种可行的方法，假设您要将表单结构添加到页面（带有ID和永久链接）

 add_action('wp_enqueue_scripts', 'se_40975160');

 function se_40975160(){
      if(is_page('your-page')){
           wp_enqueue_script('jquery');
           wp_register_script('form-js', PATHTOJS . '/js/your-js.js', array('jquery'));

      }
 }

对于jQuery脚本：当您将依赖于jQuery的脚本排队时，请注意WordPress中的jQuery以noConflict模式运行，这意味着您无法使用公共$别名。您必须使用完整的jQuery。或者，在noConflict包装器中使用$ shortcut放置代码。

jQuery( document ).ready( function( $ ) {
// $() will work as an alias for jQuery() inside of this function
[ your code goes here ]
} );

要插入表单结构，可以使用add_shortcode（）或只使用可视化编辑器。我将使用短代码来处理php的表单响应。您可以在shortcode api页面中查看更多详细信息。

将代码添加到Wordpress网站页面

1 个答案: