Facebox不处理使用jQuery加载到特定div中的元素
我想说的是,我已经在stackoverflow和google上搜索过了,但在我找到的帮助下无法解决我的问题 我有一个每周日历,每天都被划分为div元素。每个div都有一个d-m-Y的ID。我混合使用php和jQuery将事件加载到所选星期的几天中 下面是jQuery和PHP的混合,它们可以实现这一点(将事件加载到一周中的某些天)Facebox不处理使用jQuery加载到特定div中的元素,jquery,ajax,facebox,Jquery,Ajax,Facebox,我想说的是,我已经在stackoverflow和google上搜索过了,但在我找到的帮助下无法解决我的问题 我有一个每周日历,每天都被划分为div元素。每个div都有一个d-m-Y的ID。我混合使用php和jQuery将事件加载到所选星期的几天中 下面是jQuery和PHP的混合,它们可以实现这一点(将事件加载到一周中的某些天) echo” jQuery(文档).ready(函数($){ $('a[rel*=facebox]')。facebox({ 加载图像:'/scripts/facebox-
echo”
jQuery(文档).ready(函数($){
$('a[rel*=facebox]')。facebox({
加载图像:'/scripts/facebox-v1.3/load.gif',
closeImage:“/scripts/facebox-v1.3/closelabel.png”
});
$(document.bind('beforeReveal.facebox',function(){
$(\“\”facebox.content\”).empty();
});
";
对于($day=1;$day您是否有Jquery错误
也许您有Jquery冲突?如果您编写一个简单的警报($('body').html()),它会工作吗
如果是这样的话,你需要看到你很好地加载了scrips…在玩完代码后,我让它开始工作了——有点像。
Facebox现在可以在append.load元素上工作。但是只有在我点击网站的某个地方之后。关于如何使它工作就绪,有什么想法吗
“修改代码”:
echo”
$(文档).ready(函数(){
$('a[rel*=facebox]')。facebox({
加载图像:'/scripts/facebox-v1.3/load.gif',
closeImage:“/scripts/facebox-v1.3/closelabel.png”
});
$(文档).bind('单击',函数()){
$('a[rel*=facebox]')。facebox({
加载图像:'/scripts/facebox-v1.3/load.gif',
closeImage:“/scripts/facebox-v1.3/closelabel.png”
});
$(document.bind('beforeReveal.facebox',function(){
$(\“\”facebox.content\”).empty();
});
});
";
对于($day=1;$day好的,我遇到了另一个问题,我想我已经修复了代码……它现在应该是这样的
下面是没有PHP的jQuery版本(我有一个$date变量用于代码中的所有日期):
$(文档).ready(函数(){
$('#30-01-2012')。附加($('').load('/cal/load/room/del/date/30-01-2012#30-01-2012',函数(){
$(“#删除[rel*=facebox]”)。facebox();
});
});
谢谢您的回答。不,没有错误。而且脚本加载很好,因为facebox在“day”div之外的元素上工作。它只是在day div(d-m-Y)中加载的元素上不起作用。我希望我不会让事情变得太复杂。
echo "<script type=\"text/javascript\">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox({
loadingImage : '/scripts/facebox-v1.3/loading.gif',
closeImage : '/scripts/facebox-v1.3/closelabel.png'
});
$(document).bind('beforeReveal.facebox', function() {
$(\"#facebox .content\").empty();
});
";
for($day=1; $day<=5; $day++) {
echo "$('#".date('d-m-Y', strtotime($year."W".$week.$day))."').append( $('<div />').load('/cal/load #".date('d-m-Y', strtotime($year."W".$week.$day))."' ));\n";
}
echo "});
</script>";
echo "<div id='".date('d-m-Y', strtotime($event['timeStart']))."' style='width: 100%; height: ".$eventLong."px; top: ".$eventPosition."px; left: 0%; position: absolute; z-index: 1; background: #C30;'><a href='#' rel='facebox'>Delete</a></div>";
echo "<script type=\"text/javascript\">
$(document).ready(function() {
$('a[rel*=facebox]').facebox({
loadingImage : '/scripts/facebox-v1.3/loading.gif',
closeImage : '/scripts/facebox-v1.3/closelabel.png'
});
$(document).bind('click', function() {
$('a[rel*=facebox]').facebox({
loadingImage : '/scripts/facebox-v1.3/loading.gif',
closeImage : '/scripts/facebox-v1.3/closelabel.png'
});
$(document).bind('beforeReveal.facebox', function() {
$(\"#facebox .content\").empty();
});
});
";
for($day=1; $day<=5; $day++) {
echo "$('#".date('d-m-Y', strtotime($year."W".$week.$day))."').append( $('<div />').load('/cal/load #".date('d-m-Y', strtotime($year."W".$week.$day))."' ));\n";
}
echo "});
</script>";
$(document).ready(function() {
$('#30-01-2012').append($('<div>').load('/cal/load/room/del/date/30-01-2012 #30-01-2012' ,function() {
$('#delete a[rel*=facebox]').facebox();
});
});