将”OnChange”添加到woocommerce选择元素的正确方法()
我需要在下面的选择中添加onchange =”
myFunction()”
。但是, 下面的选择来自woocommerce, 我希望它在更新主题时保留onchange =”
myFunction()”
。
实现此目标的最佳方法是什么? (我应该进入woocommerce并直接使用select编辑文件吗?)
<
select id="pa_color" class="" name="attribute_pa_color" data-attribute_name="attribute_pa_color" data-show_option_none="yes">
<
option value="">
Color<
/option>
<
option value="http://www.srcmini.com/black" class="attached enabled">
Black<
/option>
<
option value="http://www.srcmini.com/brown" class="attached enabled">
Brown<
/option>
<
/select>
或者我可以使用javacript将onchange =” myFunction()” 添加到< select id =” pa_color” > 中, 以便在更新主题时保留它吗?
#1如果你想添加一些自定义js功能并在更新或更改主题后保留它, 可以创建一个插件, 假设你将其命名为my-awesome-plugin.php并将此文件转储到/ wp-content / plugins / my-很棒的插件文件夹。
插件文件可以包含以下内容:
<
?php
/*
Plugin Name: My Awesome Plugin
Plugin URI: http://example.com
Description: A plugin that loads an awesome js file.
Author: John Doe
Author URI: http://example.com
version: 1.00
*/add_action('wp_enqueue_scripts', 'my_awesome_plugin_load_js');
function my_awesome_plugin_load_js() {
wp_enqueue_script( 'my-awesome-js', plugins_url( '/js/my-awesome-js.js', __FILE__ ), array('jquery'));
}
然后在你的插件文件夹中创建一个/ js /文件夹, 并添加一个文件my-awesome-js.js
激活插件时, 它将加载my-awesome-js.js文件。
【将” OnChange” 添加到woocommerce选择元素的正确方法()】在此文件中, 你可以添加你的侦听器。
jQuery(function ($) {
'use strict';
$('#pa_color').change(function() {
// here is your value and you can do whatever you want to do with it.
var value = http://www.srcmini.com/$(this).val();
});
});
推荐阅读
- WP所有图像的标题相同
- WordPress多站点中的主题相同,但具有自定义CSS()
- 返回每个帖子的特色图片( (WordPress))
- wordpress require_once不执行php代码
- 在WordPress中将数据检索为数组
- WP移动设备的响应式元素布局
- get_permalink(0);的结果
- Linux From Scratch(LFS11.0)构建 LFS 系统 - Patch-2.7.6
- 玩转阿拉善沙漠地形的秘诀是啥(长城炮车主有话说)