C#ASP.NET Slider JavaScript在HTML页面和ASPX网站中的反应不同

再次需要帮助， 我在网上找到了一些我可以使用的模板，我试着复制它并放入我的html中，它可以工作，但是滑块有一些问题 如果其为.HTML格式，则滑块可以像这样完美工作，它将一直运行到对话结束

但是如果它在.ASPX文件中，它将如下所示

它从容器中滑出，有人知道问题的原因吗

顺便说一句，代码是完全一样的，同样的css、bootstrap和JS

---

当您应用

runat=server

时，请在您的ASPX页面中感谢，这会导致您的控件id在浏览器中发生更改

例如，在常规html通用控件上，您可能有：

<input id='mybutton' type='button' value='Go' />

ASP.NET将在浏览器中呈现控件，如下所示：

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server"><input id='mybutton' type='button' value='Go' runat='server' /> </asp:content>

<input id='MainContent_mybutton' type='button' value='Go' runat='server'  />

var mybuttonId = '<%= mybutton.ClientID %>';

您还需要注意，在应用程序中设置的任何外观或主题都不会覆盖控件的默认样式

---

若要解决此问题，请将控件呈现的普通HTML与ASP.NET呈现的HTML进行比较。地址ASP.NET更改ID/NAME/STYLE/CLASS属性或更新JavaScript和CSS以使用aspx页面生成的名称。当应用

runat=server

时，aspx页面中的会导致浏览器中控件的ID发生更改

例如，在常规html通用控件上，您可能有：

<input id='mybutton' type='button' value='Go' />

ASP.NET将在浏览器中呈现控件，如下所示：

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server"><input id='mybutton' type='button' value='Go' runat='server' /> </asp:content>

<input id='MainContent_mybutton' type='button' value='Go' runat='server'  />

var mybuttonId = '<%= mybutton.ClientID %>';

您还需要注意，在应用程序中设置的任何外观或主题都不会覆盖控件的默认样式

---

若要解决此问题，请将控件呈现的普通HTML与ASP.NET呈现的HTML进行比较。地址ASP.NET更改ID/NAME/STYLE/CLASS属性或更新JavaScript和CSS以使用aspx页面生成的名称。

无法在浏览器中看到代码或实际页面，可能无法看到。页面上有什么不同？不同的样式表。您的.aspx页面似乎有一个额外的按钮。您好，代码完全相同。稍有不同的是，ASPX的runat server是runat导致元素具有不同的名称还是元素子元素具有不同的名称？如果你把它去掉怎么办？嗨，AlexanderHiggins我发现了问题，如果我把它去掉，它就会正常工作，你知道是什么原因吗？谢谢在我的回答中，我概述了它停止工作的原因以及解决这个问题的方法。祝你好运。如果看不到浏览器中的代码或实际页面，可能就看不到了。页面上有什么不同？不同的样式表。您的.aspx页面似乎有一个额外的按钮。您好，代码完全相同。稍有不同的是，ASPX的runat server是runat导致元素具有不同的名称还是元素子元素具有不同的名称？如果你把它去掉怎么办？嗨，AlexanderHiggins我发现了问题，如果我把它去掉，它就会正常工作，你知道是什么原因吗？谢谢在我的回答中，我概述了它停止工作的原因以及解决这个问题的方法。祝你好运