如果用户点击一个小铅笔字形,我试图切换动态数量的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... --->