0

ユーザーが画像$（ "＃dot0003"）にカーソルを合わせたときに、jqueryのappend関数を使用してWebサイトにテーブルを追加したいと思います。Dreamweaverはすでに構文エラーがあると言っていますが、どこにあるのかわかりません。

$(document).ready(function() {

$("#dot0003").hover(
    function(){

        $("#tablespace").append('

        <table  id="table1" class="info0004" border="4">
        <tr>
        <td>roomnumber</td>
        <td>200</td>
        </tr>
        <tr>
        <td>number of bathrooms</td>
        <td>2</td>
        </tr>
        <tr>
        <td>number of beds</td>
        <td><img src="_index/_dots/dot.gif" width="20" height="20"></td>
        </tr>
        </table>')

})
})

助けていただければ幸いです。

4

2 に答える 2

1

これがあなたがやろうとしていることでよろしいですか？つまり、dot0003にカーソルを合わせると、このデータを追加しようとし続けます。ここでフィドルを参照してください。

そうは言っても、あなたの問題はあなたのスペースにあります。上記のフィドルを参照してください。スペースを削除するか、次のように文字列を作成します。

var myContent = '<table  id="table1" class="info0004" border="4">'
myContent += '<tr>'
...

ただし、次のようにテーブルにテーブルを追加すると、無効なHTMLマークアップが生成されます。

<table>
    <tr><td></td></tr>
    <table>
    ...

afterの代わりにjQueryのメソッドを使用する必要があると思いますappend。

幸運を。

于 2013-01-26T04:07:32.667 に答える
0 
Your adding dynamic table syntax has a space so remove space then run

単純な動的divを使用して実行を試みることができます

$(document).ready(function() {

    $("#dot0003").hover(
        function(){
            $("#tablespace").append('<div>ss</div>')})})

ただし、スペースを使用して構文を作成すると、エラーが表示されます

$（document）.ready（function（）{

$("#dot0003").hover(
    function(){
        $("#tablespace").append('<div>ss

'）}）}）

余分なスペースを削除した後、このコードを試してください

$(document).ready(function() {

$("#dot0003").hover(
    function(){

        $("#tablespace").append('<table id="table1" class="info0004" border="4">       <tr><td>roomnumber</td><td>200</td></tr>        <tr><td>number of bathrooms</td>       <td>2</td></tr><tr><td>number of beds</td>        <td><img src="_index/_dots/dot.gif" width="20" height="20"></td></tr></table>')

})
})
于 2013-01-26T03:59:25.077 に答える