我正在尝试将值形式从一个div传递到另一个。第一个div由for每个循环生成,并具有条件语句,如果条件匹配,则将值传递给第二个div,第二个div通过jquery弹出窗口显示。
这是我的代码:
<?php foreach ($value as $data) {
?>
<div class="center">
<h4>Description:</h4>
<?php
if(strlen($data['description'])<50)
{
echo $data['description'];
}
else
{
$str=$data['description'];
$substr=substr($str,0,50);
echo $substr.'<p class=button><a href=#>read more...<a/><p/>';
?>
<?php }?>
</div>
<?php }?>
<div class="popupContact">
<a class="popupContactClose">x</a>
<h1>Description</h1>
<p class="contactArea">
<?php echo $str;?>
</p>
</div>
<div class="backgroundPopup"></div>
这是我的jQuery弹出窗口
//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
//loading popup with jQuery magic!
function loadPopup(){
//loads popup only if it is disabled
if(popupStatus==0){
$(".backgroundPopup").css({
"opacity": "0.7"
});
$(".backgroundPopup").fadeIn("slow");
$(".popupContact").fadeIn("slow");
popupStatus = 1;
}
}
//disabling popup with jQuery magic!
function disablePopup(){
//disables popup only if it is enabled
if(popupStatus==1){
$(".backgroundPopup").fadeOut("slow");
$(".popupContact").fadeOut("slow");
popupStatus = 0;
}
}
//centering popup
function centerPopup(){
//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $(".popupContact").height();
var popupWidth = $(".popupContact").width();
//centering
$(".popupContact").css({
"position": "absolute",
"top": windowHeight/2-popupHeight/3.25,
"left": windowWidth/2-popupWidth/2
});
//only need force for IE6
$(".backgroundPopup").css({
"height": windowHeight
});
}
//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
//LOADING POPUP
//Click the button event!
$(".button").click(function(){
//centering with css
centerPopup();
//load popup
loadPopup();
});
//CLOSING POPUP
//Click the x event!
$(".popupContactClose").click(function(){
disablePopup();
});
//Click out event!
$(".backgroundPopup").click(function(){
disablePopup();
});
//Press Escape event!
$(document).keypress(function(e){
if(e.keyCode==27 && popupStatus==1){
disablePopup();
}
});
});
现在,由于第一个div是从每个循环的生成的,因此我需要区分read more..
链接,以确定单击了哪个read more,然后将适当的$str
传递给第二个div。是否可以通过jquery传递值?还是有更好的方法呢?
由于我的言语虚弱,这听起来可能会令人困惑,但是如果有人听懂了我在说什么,请帮忙。
参考方案
如果我理解您的问题,当然有很多方法可以完成此操作。
一种解决方案是使用html 5数据属性传递一个值,该值标识按下了哪个链接。
在您的阅读更多链接中,您可以添加:
<p class=button data-descriptionId = [PHP code to write the Id]><a href=#>read more...<a/><p/>
然后,在jQuery中,您可以关联链接的clicked事件,获取值并通过ajax调用加载内容。我看不到您打算如何加载数据,但是看起来像这样:
$(document).ready(function(){
$(".button").click(function(){
event.preventDefault();
var id = $(this).attr("data-decriptionId");
//Make ajax call to the database see jQuery documentation for $.ajax passing inn the idvariable
});
//set this as callback function to put the result in the second div
function SetData(data){
$(".contactArea").text(data);
}
});
要为此做ajax调用文件here
那应该工作。
PHP-复选框组 - php我有一个需要发布的表单复选框组。<input type="checkbox" value="true" checked name="chk0[]"> <input type="checkbox" value="false" name=…
Div单击与单选按钮相同吗? - php有没有一种方法可以使div上的click事件与表单环境中的单选按钮相同?我只希望下面的div提交值,单选按钮很丑代码输出如下:<input id="radio-2011-06-08" value="2011-06-08" type="radio" name="radio_date…
使用查询获取ID - php我正在创建一个电子商务网站,我试图添加选项,即买家通过下拉列表选择商品大小,然后将变量传递给jquery,然后将jquery传递给php,如果商品大小可用有库存时,将显示一个添加到购物车按钮,否则显示无库存按钮。我设法使其工作到将项目大小传递给php为止,但是我不知道如何传递产品ID,这是检查数据库所必需的。大小选择:<form id="fo…
使用Ajax呈现html表 - php我想知道如何实现以下项目其实我有一个php代码,可以渲染一张桌子<table id = "oldata" class ="table table-bordered"> <thead> <tr class ="success"> <th class="…
php Singleton类实例将在多个会话中保留吗? - php举一个简单的例子,如果我想计算一个不使用磁盘存储的脚本的命中次数,我可以使用静态类成员来执行此操作吗?用户1:<?php $test = Example::singleton(); $test->visits++; ?> 用户2:<?php $test = Example::singleton(); $test->visits+…