Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.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
Jquery 单击“显示附件的div”_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Jquery 单击“显示附件的div”

Jquery 单击“显示附件的div”,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我的html中有一个如下所示的div,默认情况下它没有显示 <div class="attach-div" style ="display:none;"> <button><i class="fa fa-smile-o" aria-hidden="true"></i></button> <button><i class="fa fa-smile-o" aria-hidden="true"><

我的html中有一个如下所示的div,默认情况下它没有显示

<div class="attach-div" style ="display:none;">
    <button><i class="fa fa-smile-o" aria-hidden="true"></i></button>
    <button><i class="fa fa-smile-o" aria-hidden="true"></i></button>
    <button><i class="fa fa-smile-o" aria-hidden="true"></i></button>
</div>

下面是.

您的JavaScript末尾缺少一个右括号-您还需要在小提琴中使用attach div类

$(".attach-detail").click(function() {
  $(".attach-div").css('display', 'block');
});
您可能还希望防止默认提交行为导致回发

通过防止默认操作或返回false来执行此操作:

$(".attach-detail").click(function(e) {
    e.preventDefault();
    $(".attach-div").css('display', 'block');
    return false;
});

JavaScript末尾缺少一个右括号-您还需要在fiddle中使用attach div类

$(".attach-detail").click(function() {
  $(".attach-div").css('display', 'block');
});
您可能还希望防止默认提交行为导致回发

通过防止默认操作或返回false来执行此操作:

$(".attach-detail").click(function(e) {
    e.preventDefault();
    $(".attach-div").css('display', 'block');
    return false;
});

$.popup包装器指向什么?我在代码中看不到该类。默认按钮类型为submit。因此,在代码中,单击按钮将提交表单。所以,首先将其类型设置为button:看起来它仍然在提交它,尽管我有下面这样的内容。。$.popup包装器指向什么?我在代码中看不到该类。默认按钮类型为submit。因此,在代码中,单击按钮将提交表单。所以,首先将其类型设置为button:看起来它仍然在提交它,尽管我有下面这样的内容。。嗯,我忘了把它放在这里,虽然我已经在我的js文件中关闭了它。这个答案是否符合@Suraj的要求?为什么要防止默认值并返回:false?它似乎在这里起作用,我现在知道我缺少了什么,但我想我需要检查一下为什么它没有帮助。可能需要删除按钮类型。单击时,它只是重新加载所有内容。我忘记了将其放在这里,尽管我在js文件中已将其关闭。这个答案是否满足您的需要@Suraj?为什么防止默认值并返回:false?它似乎在这里起作用,我现在知道我错过了什么,但我想我需要检查一下为什么它没有帮助。可能需要删除按钮类型。单击时,它只是重新加载所有内容。