runat ="server"打破了我的jquery/css功能

Question

我有一个页面,使用JQuery更改页面上的媒体,如图片或PDF,以便每次用户单击不需要页面刷新/新数据库访问.

我有一个DIV容器,可以容纳所有这些活动.它工作,看起来很棒!当我将runat ="server"添加到DIV标记时,我所有的好行为都会中断.这没有编写任何代码来操纵对象服务器端.出于某种原因,我的样式/行为无法正确应用.

我猜有一些简单的东西,但我厌倦了猜测.我希望有人在这里知道为什么会发生这种情况？

编辑:这是一个ASP.Net应用程序.

  <div id="slidingContent" runat="server" >
    <div class="item" id="media3" name="media3">
       My media here.
    </div>
  </div>

Answer 1

我假设你在.net应用程序的上下文中有这个.如果是这样,您应该在问题的某处指定.runat="server"将裂伤id; 查看浏览器中的HTML源代码以确切了解它的作用.您需要向标记添加类并修改CSS和JavaScript以使用类而不是ID.

Answer 2

正如其他人所提到的,如果您使用的是ASP.NET,那么如果您有runat ="server",它将修改您的ID.要解决此问题,请在JS中使用:

document.getElementByID("<%=slidingContent.ClientID%>");

要么

$("#<%=slidingContent.ClientID%>");