这个问题让我发疯了。我认为这个问题与变量/功能范围有关,我显然不太了解它。
我在WordPress工作(虽然这可能并不重要,因为我认为这只是我的jQuery的问题)。
我已经设置了2个函数以及2个在这些函数之外定义的变量,因此,从我读过的教程中,这意味着变量是全局的,可以从脚本的任何地方访问(? ??)
因此,第一个函数(gallery a - click函数)为2个变量设置了一些值(<img>
标签src属性和文本描述图像。这很好。
但是,调用函数2(btn-2)应该清除函数1先前设置的值。这不起作用。我在WordPress之外设置了一个非常简单的测试并使其工作,但脚本在WordPress中无法工作。
任何人都可以建议我做错了吗?
下面的代码片段显示了我正在使用的jQuery脚本的相关部分。 jQuery脚本通过排队加载到WordPress中,除此问题外,似乎工作正常。
var imgsrc;
var description;
// Function 1
$('#gallery a').click(function(){
if ($(this).data("attachment-id") === 123) {
range = "Coloured Concrete";
imgsrc = "images/some-image.jpg";
$('.target_image').attr("src", imgsrc);
description = "Some description";
$('.description').html(description);
}
});
//Function 2
$('#btn-2').click(function(){
imgsrc = "images/blank.jpg";
$('.target_image').attr("src", imgsrc);
description = " ";
$('.description').html(description);
});