jQuery动态id值在WordPress中返回UNDEFINED
jQuery dynamic id value returning UNDEFINED in WordPress
我试图获得WordPress Post Id
动态作为jQuery
中的变量。但是,当我尝试在console
中调试时,它返回未定义的值。有谁能帮我一下吗?
代码如下:
data-id属性显示当前post的id
<?php $id = get_the_id(); ?>
<button data-id="<?php echo $id; ?>" type="button" class="book btn btn-danger">
Submit
</button>
我jQuery jQuery(document).ready(function(jQuery){
jQuery('.packageForm').submit(packageSubmit);
function packageSubmit(){
var id = jQuery(this).attr('data-id');
var ceccForm = jQuery(this).serialize();
jQuery.ajax({
type:"POST",
url: "wp-admin/admin-ajax.php",
data: ceccForm,
success:function(data){
console.log(id);
console.log(data);
jQuery(".response").html(data);
jQuery(".packageForm")[0].reset();
jQuery('body').removeClass('modal-open');
}
});
return false;
}
});
在这里,我使用var id = jQuery(this).attr('data-id');
来动态获取属性data-id
的值。在浏览控制台中显示消息未定义值。
有什么帮助吗?
这里this
实际上是指你的表单packageForm
,因为你是从表单的提交函数调用它,它不会有你已经设置为按钮的属性。
你可以这样做
var id = jQuery(this).find('button.book').data('id');
这是指表单而不是按钮
如果按钮在表单标签
中,执行查找操作获取按钮jQuery(this).find('button.book').attr('data-id');
相关文章:
- RequireJS向模块传递配置总是返回undefined
- JSON数组数据返回Undefined
- JavaScript”;.方法“;返回undefined
- jQuery可以't获取data-*属性值,返回undefined
- Javascript/JSON警报返回Undefined
- Javascript:firstChild对象返回undefined
- 当尝试使用ajax读取文件时,变量返回undefined
- 如何避免JSON.stringify在特殊情况下返回undefined,从而为JSON.parse创建字符串失败
- 使用谷歌地图:一个返回undefined的自定义javascript函数
- Json在nodeJs和AngularJs中返回undefined
- 为什么像 Firefox 和 Chrome 控制台中的 '}{' 这样的结构会返回 'undefined'?
- 使用 HTML 和 JavaScript 从表单访问值时返回 undefined
- 在 CoffeeScript 中,当尝试调用类中的方法 (@_methodName) 时,它会返回 undefined
- 解析承诺'当'返回undefined(Javascript)
- NodeJS:zlib.gunzip(body)错误地返回“undefined”
- window.open在chrome扩展中返回undefined
- jQuery.pr()返回undefined,而.attr()对数据-*的作用与预期一样
- 正在读取嵌套json,jquery返回undefined
- IIFE是否总是返回undefined
- $timeout包装$http.post返回undefined而不是promise