按钮单击使内容显示在_Layout.cshtml中

时间:2017-05-26 15:18:46

标签: javascript c# asp.net asp.net-mvc

在我的视图顶部/Home/Clear.cshtml中,我有

<button type="button" id="show" class="find-proj">Find Project</button>

在我的/Shared/_Layout.cshtml视图的底部,我有一个包含在

中的表
<div class="wrapper">...</div>

我的CSS有

.wrapper { display: none; }

在我的/Shared/_Layout.cshtml视图的头部,我有以下脚本:

<script>
$(document).ready(function(){
  $("#show").click(function(){
    $(".wrapper").show();
  });
});
</script>

目标是当我按下按钮时,表格会显示在页面底部。该表目前是不可见的,但是当我按下按钮时,没有任何反应 编辑:错误是由于某种原因,jQuery因为某些奇怪的原因被加载到页面底部。我将$(".wrapper").show();更改为$(".wrapper").css('display','block');并将jQuery移到之前加载,它就像一个魅力。谢谢大家!

3 个答案:

答案 0 :(得分:0)

确保没有任何JS错误,$("#show")选择器返回结果,以及$(".wrapper")选择器。那可能是个问题;但是,也可能是show()调用不会覆盖包装器display:none定义。解决这个问题的方法是:

1)向DIV添加一个类:

<div class="find-project wrapper">...</div>

2)然后将按钮单击处理程序更改为:

<script>
$(document).ready(function(){
  $("#show").click(function(){
    $(".find-project").removeClass("wrapper");
  });
});
</script>

稍后您可以通过以下方式添加课程再次隐藏它:

$(".find-project").addClass("wrapper");

由于包装类定义了display: none,因此调用show()似乎不会覆盖它,有一个类来标识元素,一个类来显示/隐藏它是这种情况下的完美组合。

答案 1 :(得分:0)

我认为您可以尝试以下方式。

mov     ah,3CH ; File creation
mov     cx,0    ; 
mov     dx, OFFSET filename
int     21h
mov     handle, ax

mov ax,0b800h
mov es,ax
ciclo2:
    mov ah, es:[bx]
    mov al, es:[bx+1]
    mov var1, ax
    mov ah,40h
    mov cx,2
    mov dx,var1
    mov bx,handle
    int 21h
    inc bx
    inc bx
    cmp bx, 4000
    jne ciclo2
fim:
    mov     ah,3Eh ; Closing the file
    mov     bx,handle
    int     21h

    mov     ah,4CH ; Closing the program
    INT     21H

还请看一下以下链接的评论:

https://stackoverflow.com/a/5059661/3397630

希望它有所帮助,请让我知道您的想法或反馈 感谢

KARTHIK

答案 2 :(得分:0)

.show()设置style属性,其中display:none存在于.wrapper类中。这些往往会发生冲突。使用其中一个。我发现更容易有一个.hidden {display:none;}类并在.addClass('hidden')和.removeClass('hidden')或$('。wrapper')之间切换.toggleClass('hidden')