当我点击当前编辑按钮时 在d窗中修改当前内容 这个功能怎么实现

先把查询出来的东西放入session对象，在当前页面读取出部分信息，为button按钮添加一个单击事件。查看详细信息也不一定非要在新页面，当前页面添加一个div，做成d出窗口的效果即可如$("#button1").click(function(){$("body").animate({$(this).append("<div style='background:#aaaposition:fixedleft:400pxtop:250pxwidth:400pxheight:300px'></div>")},500)

这个是一个思路而已，div里面也可以放上其他html标签。d窗效果有了，然后再把内容添加到这个div就行了，也可以用jquery的jquery ui插件里面的dialog方法d窗。

，要是在新页面的话设定好样式，重新读取session内容即可。

1．首先，打开hbuilder软件，在空白文件中写入两个button，并将id属性设置为btn1和btn2，在下面添加脚本标签以获取dom。button1的元素，并为其button标签赋予click事件，当单击button1时，文本将更改。

2．然后，按crtl＋s保存，可以在浏览器中看到两个按钮。

3．接着，在右侧浏览器中单击button1的按钮，button1的文本内容将更改。

4．jQuery首先需要将jQuery导入下面的文件，然后使用jQuery的“＄”选择器获取button2的dom，并为其设置click事件，然后可以更改按钮的内容。

5．最后，保存后，在浏览器中单击button2，还可以观察到文本内容已更改。 *** 作完成。

可以用jDialog插件实现，jDialog是一款基于jquery实现的轻量级多种类型的自定义对话框插件在项目开发中、一般会美化 alert()；

参考如下：

<center>

<button id="test1">alert方式调用</button>

<br/><br/>

<button id="test2">confirm方式调用</button>

<br/><br/>

<button id="test3">iframe方式调用</button>

<br/><br/>

<button id="test4">只显示内容对话框</button>

<br/><br/>

<button id="test5">对话框配置按钮</button>

<br/><br/>

<button id="test6">message方式调用</button>

<br/><br/>

<button id="test7">tip方式调用</button>

</center>

以下是JS代码

$("#test1").click(function(){

var dialog = jDialog.alert(´欢迎使用jDialog组件´,{},{

showShadow: false,// 不显示对话框阴影

buttonAlign : ´center´,

events : {

show : function(evt){

var dlg = evt.data.dialog

},

close : function(evt){

var dlg = evt.data.dialog

},

enterKey : function(evt){

alert(´enter key pressed!´)

},

escKey : function(evt){

alert(´esc key pressed!´)

evt.data.dialog.close()

}

}

})

})

$("#test2").click(function(){

var dialog = jDialog.confirm(´欢迎使用jDialog组件，我是confirm！´,{

handler : function(button,dialog) {

alert(´你点击了确定！´)

dialog.close()

}

},{

handler : function(button,dialog) {

alert(´你点击了取消！´)

dialog.close()

}

})

})

$("#test3").click(function(){

// 通过options参数，控制iframe对话框

var dialog = jDialog.iframe(,{

title : ´

width : 1100,

height : 550

})

})

$("#test4").click(function(){

// 通过options参数，控制dialog

var dialog = jDialog.dialog({

title : ´自定义对话框´,

content : ´

})

})

$("#test5").click(function(){

// 通过options参数，控制dialog

var dialog = jDialog.dialog({

title : ´自定义对话框´,

content : ´,

buttons : [

{

type : ´highlight´,

text : ´你好´,

handler:function(button,dialog)

{

dialog.close()

}

}

]

})

})

$("#test6").click(function(){

var dialog = jDialog.message(´´,{

autoClose : 3000,// 3s后自动关闭

padding : ´30px´,// 设置内部padding

modal: true // 非模态，即不显示遮罩层

})

})

$("#test7").click(function(){

var dialog = jDialog.tip(´´,{

target : $(´#test7´),

position : ´left-top´,

trianglePosFromStart :0,

autoClose : 1000,

offset : {

top :-20,

left:10,

right:0,

bottom:0

}

})

})

---