老师这是我的代码,删除页面还是跳转不了。

老师这是我的代码,删除页面还是跳转不了。

这是index.php

<?php

$link=mysqli_connect('127.0.0.1','root','1314liubei');

if(!$link){

    echo "连接失败";

}

mysqli_select_db($link,'xuyuan1');

mysqli_set_charset($link,'utf8');

$sql='select * from user';

$result=mysqli_query($link,$sql);

$data=[];

while ($res=mysqli_fetch_assoc($result)){

    $data[]=$res;

}

mysqli_close($link);

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<title>许愿墙</title>

<link rel="stylesheet" href="./Css/index.css" />

<script type="text/javascript" src='./Js/jquery-1.7.2.min.js'></script>

<script type="text/javascript" src='./Js/index.js'></script>

</head>

<body>

<div id='top'>

<span id='send'></span>

</div>

<div id='main'>

        <?php foreach ($data as $val) {?>

            <dl class="paper <?php echo $val[color];?>">

<dt >

<span class='username' ><?php echo $val[username];?></span >

<span class='num' ><?php echo $val[id];?> </span >

</dt >

<dd class='content' ><?php echo $val[words];?></dd >

<dd class='bottom' >

<span class='time' ><?php echo $val[time];?></span >

<a href = "delete.php?id=<?php echo $val[id];?>" class='close'></a >

</dd >

</dl >

<?php } ?>

</div>

<!--[if IE 6]>

    <script type="text/javascript" src="./Js/iepng.js"></script>

    <script type="text/javascript">

        DD_belatedPNG.fix('#send,#close,.close','background');

    </script>

<![endif]-->

</body>

</html>

这是index.js


$(function () {


$( '#main' ).height( $( window ).height() - $( '#top' ).height() - 45);


var paper = $( '.paper' );

var FW = $( window ).width();

var FH = $( '#main' ).height();

for (var i = 0; i < paper.length; i++) {

var obj = paper.eq(i);

obj.css( {

left : parseInt(Math.random() * (FW - obj.width())) + 'px',

top : parseInt(Math.random() * (FH - obj.height())) + 'px'

} );

drag(obj, $( 'dt', obj ));

}


paper.click( function () {

$( this ).css( 'z-index', 1 ).siblings().css( 'z-index', 0 );

} );


// $( '.close' ).click( function () {

//  $( this ).parents( 'dl' ).fadeOut('slow');

//  return false;

// } );


/*$( '#send' ).click( function () {

$( '<div id="windowBG"></div>' ).css( {

width : $(document).width(),

  height : $(document).height(),

  position : 'absolute',

  top : 0,

  left : 0,

  zIndex : 998,

  opacity : 0.3,

  filter : 'Alpha(Opacity = 30)',

  backgroundColor : '#000000'

} ).appendTo( 'body' );


var obj = $( '#send-form' );

obj.css( {

left : ( $( window ).width() - obj.width() ) / 2,

top : $( document ).scrollTop() + ( $( window ).height() - obj.height() ) / 2

} ).fadeIn();

} );


$( '#close' ).click( function () {

$( '#send-form' ).fadeOut( 'slow', function () {

$( '#windowBG' ).remove();

} );

return false;

} );*/


//跳转页面

$( '#send' ).click( function () {

window.location.href="wish.php"; 

} );




$( 'textarea[name=content]' ).keyup( function () {

var content = $(this).val();

var lengths = check(content);  //调用check函数取得当前字数


//最大允许输入50个字

if (lengths[0] >= 50) {

$(this).val(content.substring(0, Math.ceil(lengths[1])));

}


var num = 50 - Math.ceil(lengths[0]);

var msg = num < 0 ? 0 : num;

//当前字数同步到显示提示

$( '#font-num' ).html( msg );

} );


$( '#phiz img' ).click( function () {

var phiz = '[' + $( this ).attr('alt') + ']';

var obj = $( 'textarea[name=content]' );

obj.val(obj.val() + phiz);

} );


});


/**

* 元素拖拽

* @param  obj 拖拽的对象

* @param  element  触发拖拽的对象

*/

function drag (obj, element) {

var DX, DY, moving;


element.mousedown(function (event) {

obj.css( {

zIndex : 1,

opacity : 0.5,

  filter : 'Alpha(Opacity = 50)'

} );


DX = event.pageX - parseInt(obj.css('left')); //鼠标距离事件源宽度

DY = event.pageY - parseInt(obj.css('top')); //鼠标距离事件源高度


moving = true; //记录拖拽状态

});


$(document).mousemove(function (event) {

if (!moving) return;


var OX = event.pageX, OY = event.pageY; //移动时鼠标当前 X、Y 位置

var OW = obj.outerWidth(), OH = obj.outerHeight(); //拖拽对象宽、高

var DW = $(window).width(), DH = $(window).height();  //页面宽、高


var left, top; //计算定位宽、高


left = OX - DX < 0 ? 0 : OX - DX > DW - OW ? DW - OW : OX - DX;

top = OY - DY < 0 ? 0 : OY - DY > DH - OH ? DH - OH : OY - DY;


obj.css({

'left' : left + 'px',

'top' : top + 'px'

});


}).mouseup(function () {

moving = false; //鼠标抬起消取拖拽状态


obj.css( {

opacity : 1,

  filter : 'Alpha(Opacity = 100)'

} );


});

}


/**

 * 统计字数

 * @param  字符串

 * @return 数组[当前字数, 最大字数]

 */

function check (str) {

var num = [0, 50];

for (var i=0; i<str.length; i++) {

//字符串不是中文时

if (str.charCodeAt(i) >= 0 && str.charCodeAt(i) <= 255){

num[0] = num[0] + 0.5;//当前字数增加0.5个

num[1] = num[1] + 0.5;//最大输入字数增加0.5个

} else {//字符串是中文时

num[0]++;//当前字数增加1个

}

}

return num;

}







正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
guly 2019-12-11 15:37:53

你好,1、建议先把js效果删除测试如:

<a href = "delete.php?id=<?php echo $val['id'];?>" class='close'></a >

改为:

<a href = "delete.php?id=<?php echo $val['id'];?>">删除</a >

测试连接是否能跳转。

2、如果按照第一种办法还是不能跳转,建议先写逻辑,以作业形式提交,老师查看具体问题,提示:js代码要按照老师源码中给出的不要修改。

如果解决您的问题请采纳,祝学习愉快!


guly 2019-12-11 13:47:11

你好,代码遍历是变量赋值有误,

<a href = "delete.php?id=<?php echo $val[id];?>" class='close'></a >

应该为:

<a href = "delete.php?id=<?php echo $val['id'];?>" class='close'></a >

其他也用该加上单引号,如:

http://img1.sycdn.imooc.com//climg/5df082aa0910ccc610380660.jpg

如果解决您的问题请采纳,如果还是有问题建议贴出删除逻辑的代码,祝学习愉快!

  • 提问者 儒商网络 #1
    老师,我删除的逻辑代码还没有写 只是在删除页面写了echo 1。
    2019-12-11 15:28:48
  • 提问者 儒商网络 #2
    我试了一下老师指出的问题,结果还是跳转不了。
    2019-12-11 15:29:54
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
PHP小白零基础入门
  • 参与学习           人
  • 提交作业       626    份
  • 解答问题       4930    个

想要学好Web后端开发的中流砥柱语言,本阶段为你轻松铺就扎实的基础,从前端网页布局的搭建到后台PHP开发,助你从零基础到掌握主流开发语言。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师