0

当用户将鼠标悬停在图像 $("#dot0003") 上时，我想使用 jquery 的附加功能向我的网站添加一个表格。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>
    ...

我认为你应该使用 jQuery 的after方法而不是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>')})})

但是当你用空格写语法时，它会显示错误

$(文档).ready(函数() {

$("#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 回答