Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript onClick";显示:无&引用;不';行不通_Javascript_Jquery_Css - Fatal编程技术网

Javascript onClick";显示:无&引用;不';行不通

Javascript onClick";显示:无&引用;不';行不通,javascript,jquery,css,Javascript,Jquery,Css,我有一个图像,当你点击,这个功能运行 function img(num) { var src = "images/main" + num + ".jpg"; document.getElementById("popover-image").src = src; $("#sheet").css("display", "block"); } 单击“X”(图像)时,此功能将运行: function close() { $("#sheet").css("display"

我有一个图像,当你点击,这个功能运行

function img(num) {
    var src = "images/main" + num + ".jpg";
    document.getElementById("popover-image").src = src;
    $("#sheet").css("display", "block");
}
单击“X”(图像)时,此功能将运行:

function close() {
    $("#sheet").css("display", "none");
}
但它不起作用

以下是如何设置我的图像:

约翰·科尔纳的代码:

$("#closeButton").click(function () {
    $("#sheet").css("display", "none");
});
未正确连接事件处理程序。

John Koerner的代码:

$("#closeButton").click(function () {
    $("#sheet").css("display", "none");
});

您的事件处理程序没有正确连接。

您阅读了如何调用jQuery
.css
函数,而不是
.show()
hide()
attr()
,我们都有点困惑。不管它值多少钱,JQuery就是答案。我想不出一个理由不在任何地方使用它

我想你想做的是:

$(document).ready( function() {
  $("img").on("click", function(num) {
     var src = "images/main" + num + ".jpg";
     $("#popover-image").attr("src", src);
     $("#sheet").attr("display", "block");
  });
  $("img[alt=Exit]").on("click", function() {
     $("#sheet").attr("display", "none");
  });
});

当您阅读如何调用jQuery
.css
函数而不是
.show()
hide()
attr()
时,我们都有点困惑。不管它值多少钱,JQuery就是答案。我想不出一个理由不在任何地方使用它

我想你想做的是:

$(document).ready( function() {
  $("img").on("click", function(num) {
     var src = "images/main" + num + ".jpg";
     $("#popover-image").attr("src", src);
     $("#sheet").attr("display", "block");
  });
  $("img[alt=Exit]").on("click", function() {
     $("#sheet").attr("display", "none");
  });
});

您也可以这样做,通过使用类名

( function($) {
  $(".btn-remove").click(function() {  
    $(this).css("display", "none");      
  });
} ) ( jQuery );

您也可以这样做,通过使用类名

( function($) {
  $(".btn-remove").click(function() {  
    $(this).css("display", "none");      
  });
} ) ( jQuery );

你怎么称呼这个函数?为什么不使用
.hide()
.show()
来代替那些
.css()
调用呢?为什么要将普通DOM与jQuery混合使用呢?如果可以使用
show()/hide()
显示如何将事件添加到X中,为什么要使用
css
“但它不起作用”,太好了!这个收尾对我来说很好。你怎么称呼这个函数?为什么不使用
.hide()
.show()
来代替那些
.css()
调用呢?为什么要将普通DOM与jQuery混合使用呢?如果可以使用
show()/hide()
显示如何将事件添加到X中,为什么要使用
css
“但它不起作用”,太好了!这个收尾对我来说很好-1、
display
是css而不是attr。在属性选择器中引用值也很明智,因为
.show()
.hide()
;我用了它们。-1,
display
是css而不是attr。在属性选择器中引用值也很明智,因为
.show()
.hide()
;我用它们来代替。