Question

我遇到了Jquery Slider无法正常工作的问题（渲染看起来像一个实际的滑块），我在代码中看不到任何问题，为什么它实际上不会工作所以我不知道在哪里问题落在了地上。我的代码如下，对不起，如果这是一个非常简单/“noob”的错误，但我不熟悉使用Jquery。

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="MachineSweepLite.aspx.vb"              Inherits="Production_MachineSweepLite" %>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head runat="server">
 <title>Checks</title>
 <link  href="jquery.mobile-1.4.2.css" rel="stylesheet" />
 <meta name="viewport" content="width=device-width; initial-scale = 1.0; maximum-scale=1.0; user-scalable=no" />
 <script type="text/javascript" src="jquery.mobile-1.4.2.js">

 </script>
</head>
<body background="../icons/Building-Confidence-logo.jpg" onload="init();">
<form id="form1" runat="server">

<div>   
<label for="quesTion">Input Question Here:</label>
    <select name="quesTion" id="quesTion" data-role="slider">
            <option value="Yes">Yes</option>
            <option value="No">No</option>
    </select>
</div>
</form>
</body>
</html>

这有什么问题，看看为什么它不起作用？

Answer 1

您错过了对JQuery框架的引用...

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head runat="server">
 <title>Checks</title>
 <link  href="jquery.mobile-1.4.2.css" rel="stylesheet" />

 <!--you must include this reference-->
 <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>

 <meta name="viewport" content="width=device-width; initial-scale = 1.0; maximum-scale=1.0; user-scalable=no" />
 <script type="text/javascript" src="jquery.mobile-1.4.2.js">

 </script>
</head>
<body background="../icons/Building-Confidence-logo.jpg" onload="init();">
<form id="form1" runat="server">

<div>   
<label for="quesTion">Input Question Here:</label>
    <select name="quesTion" id="quesTion" data-role="slider">
            <option value="Yes">Yes</option>
            <option value="No">No</option>
    </select>
</div>
</form>
</body>
</html>

作为参考，here's是滑块的jsfiddle。

Jquery滑块在我的ASP.NET页面中不起作用

1 个答案: