0

データベースから値を取得し、slidetoggle()それらを画面上でスライドさせるために使用するコードを作成しようとしています。

これは、データベースを取得しない.htmlファイルであり、完全に機能します。

<html>
<head>

<script type="text/javascript" src="C:\Users\Mohit\Desktop\jquery-1.9.1.min.js"></script>
</head>
<body onload="handleChange();">

<label><input type='checkbox' onchange='handleChange();'>Check box</label>

<script>
function handleChange()
{
    $('.slideTogglebox').slideToggle();
}
</script>
<div class="slideTogglebox">
    <ul>
        <li><input type="checkbox">Judge1</li>
        <li><input type="checkbox">Judge2</li>
    </ul>
</div>
</body>
</html>

次に、データベース検索を使用して上記のjQueryを含むこの.jspファイルを作成しましたが、出力には取得された値のみが表示されますが、slidetoggle()関数は機能していません。

<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<html>
<head>

<script language="javascript" type="text/javascript" src="C:\Users\Mohit\Desktop\jquery-1.9.1.min.js"></script>
<script language="javascript">
function handleChange()
{

    $('.slideTogglebox').slideToggle();

}
</script>
</head>
<body onload="handleChange();">
<%
    try{
        Connection conn = null;
        ResultSet rs;

            Class.forName("com.mysql.jdbc.Driver");
        conn=DriverManager.getConnection("jdbc:mysql://localhost:3306/aniket","root","");
        String strsql=null;
        strsql="select * from projects";
        Statement stmt=conn.createStatement();
        rs=stmt.executeQuery(strsql);
        while(rs.next())
        {%><br><input type='checkbox' onchange='handleChange();'><%
            out.print("CO"+rs.getInt(1)+"");
            out.print(rs.getString(2));
        }   
       }
        catch(Exception e)
        {
           e.printStackTrace();
           System.out.println(e);
        }
%>
    <div class="slideTogglebox">
    <%
            Connection conn1 = null;
                ResultSet rs1;
            conn1=DriverManager.getConnection("jdbc:mysql://localhost:3306/aniket","root","");
            String strsql1=null;
            strsql1="select * from judges";
            Statement stmt=conn1.createStatement();

            rs1=stmt.executeQuery(strsql1);
            while(rs1.next())
            {%><br><input type='checkbox'><%
            out.print(rs1.getInt(1));
            out.print(rs1.getString(2));
        }%>
</div>
</body>
</html>
4

1 に答える 1

3

絶対ファイルシステムパスではなく、jQueryスクリプトファイルへのURIスキームURLを使用する必要があります。理想的には、これは次のようなものになります

<script src="/javascript/jquery-1.9.1.min.js"></script>

ここで、jQueryスクリプトはアプリの一部です。

これをローカルマシンでのみ実行したい場合は、ファイルシステムパスを使用できますが、ファイルURIスキームを使用する必要があります。

<script src="file:///C:/Users/Mohit/Desktop/jquery-1.9.1.min.js"></script>

さらに良い解決策は、GoogleCDNリンクを使用することです。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

もう1つ、ドキュメントの先頭にDoctypeを追加する必要があります。HTML5をお勧めします

<!DOCTYPE html>
于 2013-03-26T22:30:45.907 に答える