首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在wordpress中调用jquery.min.js文件

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

Stack Overflow用户
提问于 2018-07-17 15:18:01
回答 1查看 363关注 0票数 0

我只是想在wordpress主页上实现下拉菜单,这样我就可以选择国家,然后第二个下拉菜单将被启用,第三个下拉菜单也将被启用

但问题是,我使用html和javascript在本地成功地运行了它,但不知道如何使用wordpress实现它。我已经成功地制作了down,但它的javascript不起作用。

代码语言: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="1">Size 1</option>
    <option value="2">Size 2</option>
    <option value="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="1">Style 1</option>
    <option value="2">Style 2</option>
    <option value="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="1">Color 1</option>
    <option value="2">Color 2</option>
    <option value="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="1">Brand</option>
    <option value="2">Brand</option>
    <option value="3">Brand</option>
    </select>
    </form>
<div class="CatsearchButton">
    <a href="#"><img src="/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>
EN

回答 1

Stack Overflow用户

发布于 2018-07-17 15:27:28

代码语言:javascript
复制
function enqueue_multiple() {
    wp_enqueue_script( array( 'jquery') );
}
add_action( 'wp_enqueue_scripts', 'enqueue_multiple' );

您需要将此代码放入主题的functions.php文件中。在https://developer.wordpress.org/上阅读有关主题的更多信息

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51375392

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档