我有一个烦人的问题,涉及 javascript/jquery 和 asp:ContentPlaceHolders,我似乎无法解决,我一直在尝试一整天。
我有一个使用 C# 的 ASP.NET 网站。首页 - Default.aspx,有一个母版页 - MasterPage.master。我还有一个控件 - bslider.ascx
我正在尝试实现 http://bxslider.com/ 中显示的图像 slider
我的控件中的代码如下所示
<script src="../scripts/jquery.js" type="text/javascript"></script>
<script src="../js/jquery.bxSlider.min.js" type="text/javascript">
$(document).ready(function () {
$('#slider1').bxSlider();
});
</script>
<div id="slider1">
<div>Slide one content</div>
<div>Slide two content</div>
<div>Slide three content</div>
<div>And so on...</div>
</div>
Default.aspx中相关代码如下:
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
<div class="sliderContainer">
<uc4:BSlider ID="slider1" runat="server" />
</div>
</asp:Content>
MasterPage.master中的相关代码如下:
<body>
<form id="form1" runat="server">
<div id="ContentContainer">
<asp:contentplaceholder id="ContentPlaceHolder2" runat="server">
<uc3:headerLeft ID="Header2" runat="server" />
</asp:contentplaceholder>
</div>
</form>
</body>
但是这不起作用,它显示了内部 div 的内容,但一个接一个。我已经在标准的 .html 网页中对此进行了测试并且它有效,所以它一定与事物的 ASP.NET 方面有关。
谁能帮忙解决这个问题?
提前致谢。
最佳答案
我已经解决了这个问题!这是 JQuery 库和 BxSlider 库之间的冲突。
已通过以下代码修复:
<script src="../scripts/jquery.js" type="text/javascript"></script>
<script src="../js/jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
jQuery.noConflict();
$('#slider1').bxSlider();
});
</script>
因为没有意识到这是一个冲突问题而自责。我希望这可以帮助遇到与我类似情况的其他人。
关于c# - 使用 javascript 的 Asp.net 内容占位符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12409473/