【如何在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/上了解有关主题的更多信息
推荐阅读
- 如何绕过主题编辑器块()
- 如何同时向标签添加多个CSS属性()
- 如何在自定义帖子中添加wordpress自定义seciton
- 在MAMP上工作时如何将图像添加到wordpress主题()
- 如何为WordPress主题添加自定义页眉和页脚
- 如何通过仪表板向页脚添加内容()
- 如何为WP中的页面添加类别()
- 如何在WordPress的帖子中添加缩略图()
- 如何使用电子邮件类型”纯文本”在管理电子邮件中添加购买记录(电子商务)