0

我正在尝试通过 PHP 和 mySql 从我的数据库中读取企业列表。找到我想要展示的企业后，我想在他们自己的“clickDiv”中连续列出它们（这部分我已经在工作了）。这个“clickDiv”应该可以点击到 jQuery slideToggle 并显示每个业务的主体信息，我目前在 id=revealPara 中。

我希望 Google Analytics 将点击记录为事件、企业名称或“$row['name']”。

我已经尝试通过谷歌搜索，但到目前为止，我只让 toggleSlide 用于列出的第一个“clickDiv”，而不是以下业务。至于分析部分，我一无所获。

这是我成功构建列表的当前代码。

//select all businesses
///////////////////////

$sql = "SELECT * 
FROM businesses"

$result = mysql_query($sql)
or die('Query failed. ' . mysql_error());

while($row = mysql_fetch_array($result)) {          
?>

//list businesses
/////////////////

<div id="clickDiv" class="row-fluid" style="background-color:#333333;">
<div class="span4" style="padding:0; margin:0; text-align:center; margin:0 auto;"><img height="75px" width="75px" src="../img/logos/<?php echo $row['logo'];?>"></div>
<div class="span4"><h2 style="color:#01a7c6; padding-top:0px; margin:0;"><?php echo $row['name'];?></h2><p style="text-align:center; padding-top:5px; margin:0"><?php echo $row['address']?></p><p id="revealPara<?php echo $row['id'];?>" style="text-align:center; padding:50px 0"><?php echo $row['body'];?></div>
<div class="span4"><h2><i class="icon-sort-down" style="color:#01a7c6; font-size:1em; padding-right:10px; margin-bottom:0px 0px;"></i></h2></div>
</div>
}

<!-- slide toggle -->
<script> 
$(document).ready(function(){
  $(".clickDiv").click(function(){
    $("#revealPara").slideToggle("slow");
  });
});
</script>
4

3 回答 3

1

对于事件跟踪，以下是一个示例。

<!-- slide toggle -->
<script> 
$(document).ready(function(){
  $("#clickDiv").click(function(){
    $("#revealPara").slideToggle("slow");
_gaq.push(['_trackEvent', 'Videos', 'Play', 'Gone With the Wind']); // edit this
  });
});
</script>

参考：https ://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide#SettingUpEventTracking

于 2013-08-12T18:27:36.400 回答
1

从技术上讲，您的元素应该只有唯一的 id。您的编码设置方式，每个企业都有一个“clickDiv”的ID。

其次，当使用 jQuery 选择一个 ID 时，它只会返回一个，因为它只希望找到一个，所以你不会返回一个组。如果你真的想保持所有这些元素的 id 相同（不是语义），你可以使用 $('div[id="clickDiv"]')，因为这将返回所有这些项目和你的滑块将工作。

我建议为每个项目使用类名“clickDiv”，并​​通过使用变量并每次将其递增一来创建每个项目唯一的 ID（即-#clickDiv1、#clickDiv2 等） while 循环运行。

于 2013-08-12T18:29:03.457 回答
0

您的示例中有一个 div 关闭选项卡错误和语法错误。

<div id="clickDiv" class="row-fluid" style="background-color:#333333;">

     <div class="span4" style="padding:0; margin:0; text-align:center; margin:0 auto;"><img height="75px" width="75px" src="../img/logos/<?php echo $row['logo'];?>">
      </div>

      <div class="span4"><h2 style="color:#01a7c6; padding-top:0px; margin:0;"><p style="text-align:center; padding-top:5px; margin:0"><?php echo $row['address']?></p><p id="revealPara" style="        text-align:center; padding:50px 0"><?php echo $row['body'];?>
      </div>

      <div class="span4"><h2><i class="icon-sort-down" style="color:#01a7c6; font-size:1em; padding-right:10px; margin-bottom:0px 0px;"></i></h2>
      </div>
</div>
于 2013-08-12T17:45:10.620 回答