如何在WordPress中调用jquery.min.js文件

【如何在WordPress中调用jquery.min.js文件】我只是想在wordpress主页中实施Dropdown, 以便我可以选择国家/地区, 然后第二个下拉菜单将被启用, 第三个下拉列表将被启用
但是问题是我正在使用html和javascript在本地成功运行, 但不知道如何使用wordpress来实现它, 我已经成功地将下拉列表放到了它, 但是它的javascript无法正常工作。

< html> < head> < script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> < /script> < /head> < body> < div class="combotitle"> Size< /div> < form> < select id="Size" name="Size" class="criterion"> < option value=""> Select a size< /option> < option value="http://www.srcmini.com/1"> Size 1< /option> < option value="http://www.srcmini.com/2"> Size 2< /option> < option value="http://www.srcmini.com/3"> Size 3< /option> < /select> < /form> < div class="combotitle"> Style< /div> < form> < select id="Style" name="Style" class="criterion"> < option value=""> Select a Style< /option> < option value="http://www.srcmini.com/1"> Style 1< /option> < option value="http://www.srcmini.com/2"> Style 2< /option> < option value="http://www.srcmini.com/3"> Style 3< /option> < /select> < /form> < div class="combotitle"> Color< /div> < form> < select id="Color" name="Color" class="criterion"> < option value=""> Select a Color< /option> < option value="http://www.srcmini.com/1"> Color 1< /option> < option value="http://www.srcmini.com/2"> Color 2< /option> < option value="http://www.srcmini.com/3"> Color 3< /option> < /select> < /form> < div class="combotitle"> Brand< /div> < form> < select id="Brand" name="Brand" class="criterion"> < option value=""> Select a Brand< /option> < option value="http://www.srcmini.com/1"> Brand< /option> < option value="http://www.srcmini.com/2"> Brand< /option> < option value="http://www.srcmini.com/3"> Brand< /option> < /select> < /form> < div class="CatsearchButton"> < a href="http://www.srcmini.com/#"> < img src="http://www.srcmini.com/searchprd.png" alt="Search" title="Search" /> < /a> < /div> < script> `$('.CatsearchButton').hide(); ` var $selects = $('select.criterion'); $selects.not("#Brand").on('change', function() { $selects.each(function() { var $this = $(this); var disable = $this.val() == ''; $this.closest('form').nextAll().find('select').prop('disabled', disable); if (disable) return false; }) `}).eq(0).trigger('change'); $selects.filter('#Brand').change(function() { $('.CatsearchButton').show(); }); < /script>

#1
function enqueue_multiple() { wp_enqueue_script( array( 'jquery') ); } add_action( 'wp_enqueue_scripts', 'enqueue_multiple' );

你需要将其放在主题的functions.php文件中。在https://developer.wordpress.org/上了解有关主题的更多信息

    推荐阅读