0

PHP と mySql を使用して、データベースからビジネスのリストを読み取ろうとしています。表示したいビジネスを見つけたら、それらを独自の「clickDiv」内に連続してリストしたいと思います（この部分はすでに作業しています）。この「clickDiv」は、jQuery の slideToggle に対してクリック可能であり、現在 id=revealPara 内にある各ビジネスの本文情報を明らかにする必要があります。

クリックがイベント、ビジネス名、または「$row['name']」として Google アナリティクスに記録されることを希望します。

私はこれをグーグルで検索しようとしましたが、これまでのところ、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 が割り当てられます。

第 2 に、jQuery を使用して ID を選択すると、ID が 1 つしか見つからないと想定されるため、ID は 1 つしか返されないため、グループは返されません。これらすべての要素の 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 に答える