所以我正试图这样做http://jsfiddle.net/2XV7w/5/打开my custom_page 在wordpress上。这是一个条件html表单。它将显示特定的<div> 当我选择特定下拉值时。
当我尝试在custom_page.php 它工作得很好。确保JS正常工作。
<script>
document.write("<p>javasript test</p>");
</script>
但是当我用这个的时候
script.js, 这行不通。
$("#dd").change(function(){
var selected= $("#dd option:selected").text();
$(\'div\').hide();
$(\'#\'+ selected).show();
});
$(document).ready(function(){
$(\'div\').hide();
});
我的自定义页面。php
<?php get_header(); ?>
<script type="text/javascript" src="/js/script.js"></script>
<!-- DROPDOWN -->
<select id="dd">
<option value="1">SHOW DIV 1</option>
<option value="1">SHOW DIV 2</option>
</select>
<!-- DIV CONTENT -->
<div id="1">Content of div 1</div>
<div id="2">Content of div 2</div>
<!-- FORM -->
<form action="" method="POST">
Message <input type="text" name="message" />
<input type="submit" name="submit" value="Send">
</form>
<?php get_footer(); ?>
SO网友:RRikesh
您将找到一个名为functions.php 在主题文件夹中。打开它并添加以下代码段：
function wpse_109027_enqueue_js() {
wp_enqueue_script(
\'custom-script\',
get_stylesheet_directory_uri() . \'/js/script.js\',
array( \'jquery\' )
);
}
add_action( \'wp_enqueue_scripts\', \'wpse_109027_enqueue_js\' );
wp_enqueue_script 用于添加javascript文件。这个
array(\'jquery\') 部分意味着WordPress应该在加载javascript文件之前加载jQuery。
请注意，WordPress在中加载jQueryNoConclict Mode. 因此，您应该使用jQuery noConflict Wrappers 在代码中：
jQuery(document).ready(function($){
$("#dd").change(function(){
var selected= $("#dd option:selected").text();
$(\'div\').hide();
$(\'#\'+ selected).show();
});
$(\'div\').hide();
});
