Jquery Dialog如何用，郁闷

2013-10-30
Jquery Dialog怎么用，郁闷！还有，我要是有一些数据要在这个弹出框里显示出来，最后再提交到别的地方去！要怎
Jquery Dialog怎么用，郁闷！



还有，我要是有一些数据要在这个弹出框里显示出来，最后再提交到别的地方去！要怎么弄呢！要传到这个弹出框的内容是使用一个foreach循环读取出来的数据中的一条！我要怎么确定传入的是哪条数据呢？

纠结呀！
                                                  jquery                                              
[解决办法]
$( "#dialog" ).dialog({ autoOpen: false,draggable:false });
[解决办法]
$("#dialog").dialog({ autoOpen: false,draggable:false });

全部放在这个json对象里面，楼主知道什么是json吧。其他内容就全部放到dialog容器里面就行了

<div id="dialog" title="标题">
 
内容
<button id="close">关闭</button>
</div>


[解决办法]
function opendialog()
{
//获取数据的代码
   $("#dialog").prepend("动态获取到的内容").dialog("open");
    }


其实就是用jquery的方法先填充父容器的内容，在调用dialog的open方法打开
[解决办法]
引用:Quote: 引用:
function opendialog()
{
//获取数据的代码
   $("#dialog").prepend("动态获取到的内容").dialog("open");
    }


其实就是用jquery的方法先填充父容器的内容，在调用dialog的open方法打开


你好，再请教一下，就是我不想让它弹出的这个对话框是当前页面的div，而是一个url地址请求的页面，我要如何弄呢！谢谢了！


容器是要的，使用jquery的ajax加载那个页面到容器中，在对容器调动dialog方法
<script>
function opendialog()
{
$("#dialog").load('xxxxxxxx.html',function(){//执行dialog方法放到成功回调里面

   $("#dialog").dialog("open");
});
    }
</script>
<div id="dialog"></div>

[解决办法]
建议你使用lhgdialog 插件啊，也是用JQUERY的。
http://code.google.com/p/lhgdialog/
[解决办法]
那个是样式定义的。。样式为.ui-widget-header，需要覆盖样式

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>dialog demo</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>  
<style>
.ui-widget-header{background:#ff0000}
</style>
</head>
<body>
  
<button id="open">打开</button>
 
<div id="dialog" title="标题">
 
内容
<button id="close">关闭</button>
</div>
  
<script>
 
$( "#dialog" ).dialog({ autoOpen: false });
 
$("#close").click(
                 function()
                 {
                     $("#dialog").dialog("close"); 
 
                     }
                 );
 
$( "#open" ).click(
                  function()
                  {
                    $( "#dialog" ).dialog( "open" );
                    }
                  );
 
</script>
  
</body>
</html>


[解决办法]
jQuery UI开发指南
热点排行
Bad Request.
JavaScript

Jquery Dialog如何用，郁闷
