2

如果用户单击一个小铅笔字形，我正在尝试切换动态数量的 div。我将字形和隐藏 div 的 ID 设置为“pencilX”和“hiddenY”，其中 X 和 Y 对应于存储在数据库中的自动递增 ID。这是我的代码：

我将遍历表中项目的查询，为每个项目输出此代码，以便用户可以为每个项目单击不同的铅笔，它将显示切换包含该项目信息的 div。

到目前为止，我的研究为我指明了必须使用 AJAX 的方向，但我不太了解 AJAX，我想知道这里是否真的有必要。我知道我不能直接从 jQuery 访问 CF 变量，所以我想知道是否可以在 CF 端设置 JS 中的变量，然后再到达客户端，就像我在下面尝试做的那样。但是当然不行！

我也尝试过使用也不起作用的 ToScript 函数。jQuery 似乎也不认识。

<cfoutput>
<!---Query huddle item, set div ID--->
<cfquery name="huddleItem" datasource="LPKCMA">
    SELECT *
    FROM CMA_COMM_HDDL
    WHERE ID = 1
</cfquery>
<cfset pencilID = "##pencil" & huddleItem.ID>
<cfset hiddenID = "##hidden" & huddleItem.ID>
<!---Div toggle--->
<script type="text/javascript" language="JavaScript">
<!--- Didn't work
    var #toScript(pencilID, "pencil")#;
    var #toScript(hiddenID, "hidden")#;
--->
    var pencil = '#pencilID#';
    var hidden = '#hiddenID#';

    $(document).ready(function(){
        $('#' + pencil).click(function(){
            $('#' + hidden).toggle('fast');
        });
    });
</script>
<!--- Content below including pencil and div... --->
4

0 回答 0