在JavaScript或jQuery中的部分视图中获取HTML类名_Javascript_Jquery_Asp.net Mvc_Razor

在JavaScript或jQuery中的部分视图中获取HTML类名

javascript jquery asp.net-mvc razor

在JavaScript或jQuery中的部分视图中获取HTML类名,javascript,jquery,asp.net-mvc,razor,Javascript,Jquery,Asp.net Mvc,Razor,我的.cshtml部分视图中有以下标记，它被放置在视图/共享文件夹中： \u Modal.cshtml <div class="loadingOverlay"> <button class="btn loading-button" disabled><i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i></button> </div> <!DOCTYPE html

我的

.cshtml

部分视图中有以下标记，它被放置在

视图/共享

文件夹中：

\u Modal.cshtml

<div class="loadingOverlay">
    <button class="btn loading-button" disabled><i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i></button>
</div>

<!DOCTYPE html>
<html>
<head>
@Styles.Render("~/Content/font-awesome", "~/Content/css")
</head>
<body>
<div class="container-fluid">
        <div class="container">
            <div class="row">
                <button id="showOverlay" class="btn btn-default"></button>
            </div>
        </div>
    </div>
@Scripts.Render("~/bundles/jquery")

<script type="text/javascript">
        $(document).ready(function () {
            $('#showOverlay').click(function () {
                Modal.Loading();
            });
        })
    </script>
</body>
</html>

我在我的页面上打电话如下：

Index.cshtml

<div class="loadingOverlay">
    <button class="btn loading-button" disabled><i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i></button>
</div>

<!DOCTYPE html>
<html>
<head>
@Styles.Render("~/Content/font-awesome", "~/Content/css")
</head>
<body>
<div class="container-fluid">
        <div class="container">
            <div class="row">
                <button id="showOverlay" class="btn btn-default"></button>
            </div>
        </div>
    </div>
@Scripts.Render("~/bundles/jquery")

<script type="text/javascript">
        $(document).ready(function () {
            $('#showOverlay').click(function () {
                Modal.Loading();
            });
        })
    </script>
</body>
</html>

非常感谢你的回答

编辑：

2016年5月31日的问题：

```
@Html.Partial（“\u Modal”）
```
与
```
@Html.Partial（“~/Views/Shared/\u Modal.cshtml”）
```
之间有什么区别。只是为了更好地理解编译器从何处获取部分视图

2016年6月1日@Guruprasad Rao回复：

除了提到
```
partialview
```
name之外，两者之间没有什么区别。我建议的方法是提供完全限定路径，帮助编译器从何处获取
```
partialview
```
。到您使用的一个将在视图文件夹下的所有目录中搜索。所以我提到的那个在性能方面是好的

感谢@Guruprasad Rao的回答和解释

干杯~

您应该首先将

部分视图

从服务器导入客户端浏览器，然后您可以使用

jquery

对其进行操作。否则，您尝试查找的

选择器将没有元素。用户，@Html.Partial
或@Html.RenderPartial
要导入它，请在初始状态下隐藏它，然后单击显示它。举一个下面的例子：
<body>
  <div class="container-fluid">
    <div class="container">
      <div class="row">
        <button id="showOverlay" class="btn btn-default"></button>
      </div>
    </div>
  </div>
  @Html.Partial("~/Views/Shared/_Modal.cshtml")
  <!--I assume that the content inside this will be initially in hidden state-->

  @Scripts.Render("~/bundles/jquery")

  <script type="text/javascript">
    $(document).ready(function() {
      $('#showOverlay').click(function() {
        Modal.Loading();
      });
    })
  </script>
</body>

您应该首先将partialview
从服务器导入客户端浏览器，然后使用jquery
对其进行操作。否则，您尝试查找的选择器将没有元素。用户，@Html.Partial
或@Html.RenderPartial
要导入它，请在初始状态下隐藏它，然后单击显示它。举一个下面的例子：
<body>
  <div class="container-fluid">
    <div class="container">
      <div class="row">
        <button id="showOverlay" class="btn btn-default"></button>
      </div>
    </div>
  </div>
  @Html.Partial("~/Views/Shared/_Modal.cshtml")
  <!--I assume that the content inside this will be initially in hidden state-->

  @Scripts.Render("~/bundles/jquery")

  <script type="text/javascript">
    $(document).ready(function() {
      $('#showOverlay').click(function() {
        Modal.Loading();
      });
    })
  </script>
</body>

您是否在页面的任何位置包含了partialview
？我没有看到你在页面的任何地方调用它。不，我没有在页面的任何地方包含它，我只是创建了一个cshtml并将所有内容都放在其中，我想如果我通过partialview
中的html标记类名从JavaScript调用并在页面上调用它，JavaScript将包含与上面代码相同的内容（html标记不在部分视图中
），因此，partialview
也将被包括在内？您是否在页面的任何地方包括了partialview
呢？我看不到您在页面的任何地方都调用了它。。不，我没有在页面的任何地方包括它，我只是创建了一个cshtml并将所有内容都放在其中，我想如果我通过partialview
并在页面上调用它，JavaScript将包含与上面代码相同的内容（html标记不在partialview
中），因此partialview
也将包含在内？您好，非常感谢@Guruprasad Rao，只是想知道它与：@html.Partial（~/Views/Shared/\u Modal.cshtml”）有什么区别吗
带有@Html.Partial（“\u Modal”）
？？？或者只是为了更好地理解编译器从何处获取部分视图？两者之间没有什么区别，只是提到了partialview
名称。我建议的一种方法是提供完全限定路径，帮助编译器从何处获取partialview
。您使用的方法将在所有他将目录放在查看文件夹下。因此，我提到的那一个在性能方面会很好。。好的，现在更清楚了，无论如何，谢谢你，很抱歉迟才回复@gurupasad Rao。干杯~顺便说一句，我必须达到15级声誉才能对你的评论进行投票。。对不起，伙计。。我的意思是你可以对答案进行投票，而不是对评论进行投票。：）我的答案旁边的向上箭头标记：）您好，非常感谢@Guruprasad Rao，我想知道：@Html.Partial（“~/Views/Shared/_Modal.cshtml”）
和@Html.Partial（“\u Modal”）
有什么区别吗？？或者只是为了更好地理解编译器从何处获得部分视图？两者之间没有什么区别，只是提到了partialview
name。我建议的方法是提供完全限定路径，帮助编译器从何处获取partialview
。您使用的搜索引擎将搜索视图
文件夹下的所有目录。所以我提到的那一个在性能方面会很好。好的，现在更清楚了，无论如何谢谢你，很抱歉没有及时回复@gurupasad Rao。干杯~顺便说一句，我必须达到15%的声誉才能对你的评论进行投票>。对不起，伙计。。我的意思是你可以投票决定答案，而不是评论：）我的答案旁边的向上箭头标记：）