我正在使用 asp.net 网络表单。我有 DynamicDataField 和一些 jquery.mobile widjets:
<head>
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile- 1.3.2.min.css" />
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"> </script>
<script>
function go() {
////some code
};
</script>
</head>
<div>
<div data-role="rangeslider" class="searchBlock">
<label for="range-1a">Комнат:</label>
<input name="range-1a" id="range-1a" min="0" max="100" value="0" type="range" class="seearchSlider" />
<label for="range-1b">Rangeslider:</label>
<input name="range-1b" id="range-1b" min="0" max="50" value="100" type="range" class="seearchSlider" />
</div>
///etc, several same divs
这个 DynamicDataField(Search.ascx) 我放置在我的 Main.Master padge 上:
<%@ Register Src="~/DynamicData/FieldTemplates/Search.ascx" TagPrefix="search" TagName="search" %>
<head runat="server">
<meta name="viewport" content="width=device-width" />
<link href="/Content/MainStyle.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<title></title>
<asp:ContentPlaceHolder ID="TitleContent" runat="server" />
</head>
<body>
<div id="left">
<div style="background: #fff">
<search:search id="menu2" runat="server"/>
</div>
</div>
</body>
问题是:添加后
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"> </script>
我所有的项目开始时都表现得很奇怪。所有字体等都像 jquery.mobile widjet 中一样，一些 javascript 方法不起作用。所以。如何隔离 jquery.mobile-1.3.2.min.js？我希望它仅在 Search.ascx 中使用。 有什么建议么？抱歉，我是 jquery 新手:)
最佳答案
默认情况下，jQuery Mobile 会增强页面上的所有内容。您可以在页面主体上使用 data-enhance="false ，并在要增强的控件上使用 data-enhance="true" 。
参见the docs了解更多信息。
关于javascript - jquery.mobile，与其他页面隔离等，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20226605/