Question

我使用div来创建与listviews类似的功能。我已经设法（在这里的其他成员的帮助下）允许用户点击div上的任何地方来激活灯箱，灯箱然后显示各种其他相关数据 - 取决于激活哪个div。

div中的数据来自MYSQL数据库。我的问题是，当用户点击时，我如何知道他们点击了哪个div，以便我可以将适当的数据输入灯箱？

P.S - 根据应用的用户搜索/过滤器动态生成每个div。

非常感谢你的时间。

我希望以下代码有所帮助，如果没有请告诉我，我会把你想要的东西。

// Get all the data from the "example" table
$result = mysql_query("SELECT * FROM restaurants ORDER BY restaurantID DESC") 
or die(mysql_error());  

// keeps getting the next row until there are no more to get
$i = 10; 
while ($i > 0) {  
    $i--; 
    $row = mysql_fetch_array( $result );
?>

<div>
    <div id="logoBlock" style="float:left; background-color:#FFF; width:15%; min-height:120px; border-top-left-radius:5px; border-bottom-left-radius:5px; margin-bottom:2%; margin-left:5%; z-index:2; "> 
    <center>  
    <div style="padding-top:10%;"><img  src="<?php echo $row['Logo']; ?>" style="border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; max-width:90%; max-height:90%; top:50%;"/></div></center>
    </div>



    <div id="descriptionBlock" style="float:left; z-index:1; background-color:#FFF; width:60%; min-height:120px; max-height:120px; overflow:hidden;  margin-bottom:2%;" data-rownum="5" > 
    <center><h3><?php echo $row['RestaurantName']; ?></h3></center>
    <p></p>
    <?php echo $row['Description']; ?>
    </div>
    <p></p>

    <div id="promotionBlock" style="float:left; background-color:#FFF; width:15%; min-height:120px; margin-bottom:2%; border-top-right-radius:5px; border-bottom-right-radius:5px; z-index:3;"> 
    <p></p>
    <center>
    <p></p>
    <?php echo $row['Promotion']; ?> <p></p>
    <?php 
    $priceRangeNum = $row['priceRange']; 
    if ($priceRangeNum == 1) { 
    $priceRangeValue = "Cheap"; 
    echo $priceRangeValue;
    } else if ($priceRangeNum == 2) {
    $priceRangeValue = "Medium";
    echo $priceRangeValue;
    } else if ($priceRangeNum == 3) {
    $priceRangeValue = "Pricey";
    echo $priceRangeValue;
    } else if ($priceRangeNum == 4) {
    $priceRangeValue = "Fine Dining";
    echo $priceRangeValue;
    } 
    //edit variable for function?>
    </center>
    </div>

和Jquery：

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>

     <script> 
$('#logoBlock,#promotionBlock,#descriptionBlock').hover(function() {
    $(this).parent().toggleClass('hover');
    $('#logoBlock,#promotionBlock,#descriptionBlock').click(function() {
        $("#lightbox, #lightbox-panel").fadeIn(300);     
    });
});

$("#lightbox, #lightbox-panel").keypress(function() {
  $("#lightbox, #lightbox-panel").fadeOut(300);
});

$("a#close-panel").click(function(){
 $("#lightbox, #lightbox-panel").fadeOut(300);
})
</script>

将数据分配给Div

0 个答案: