【问题标题】:Href not working in asp.netHref 在 asp.net 中不起作用
【发布时间】:2016-01-09 14:46:58
【问题描述】:

我在处理asp.net 方面没有很多经验。我有一行代码,但我不知道为什么它没有打开一个由 href 链接的 css 模态窗口。这是代码行:

<div class="image-delete" id="dislikeListingButton" data-mls="@update.Number" data-searchid="@update.SearchId">
    <a href="#delete">
        <img src="/Content/img/delete.png">
    </a>
</div>

我不明白为什么 img 周围的 href 不会触发模态窗口。

【问题讨论】:

  • 在哪里设置绑定&lt;a&gt;元素打开模态窗口的代码? href="#delete" 只是使其成为同一页面上另一个元素(带有id="delete")的链接。
  • 模态窗口是#delete,它位于页面底部,但由于某种原因它不起作用。我可以在 url 的末尾输入 id,它可以正常显示。 a href 中有一些东西不会让模态窗口触发。

标签: html asp.net href


【解决方案1】:

我假设您的页面上有一个 id 为 delete 的 div。

您可以在单击 href 时滚动查看 delete div。另外,如果该 div 设置为 CSS display:none,那么您也可以将其设置为此 CSS display:block,使其可见并调用 JavaScript 方法 scrollIntoView 来查看它。

您可以在以下 URL 看到类似代码的演示:Demo Code。这个演示比下面的代码更复杂,因为它将切换删除 div,即在单击 href 时显示,然后在第二次单击 href 时隐藏。

<div class="image-delete" id="dislikeListingButton" data-mls="@update.MLSNumber" 

    data-searchid="@update.SearchId">
        <a href="#" onclick="ShowPopup(); return false;">
            Open Window
        </a>
</div>

<scrip type="text/javascript">
  function ShowPopup() {
    //if div was not visible before you could also use the line below
    //document.getElementById("delete").style.display =  "block";
    document.getElementById("delete").scrollIntoView(true);
    return false;
  }
</script>

【讨论】:

    【解决方案2】:

    TRT THIS:$('#dislikeListingButton').click(function(){$('#delete').show()});

    【讨论】:

      猜你喜欢
      • 2012-03-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-10-01
      • 1970-01-01
      • 2012-10-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多