Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在jquery模型中运行脚本_Jquery_Html_Css - Fatal编程技术网

在jquery模型中运行脚本

在jquery模型中运行脚本,jquery,html,css,Jquery,Html,Css,我正在使用jquery插件()调整页面上的单个图像的大小。一个简单的例子: // HTML: <div class='parent_container'> <img src='image.jpg' class='resize_image' /> </div> <div class='parent_container'> <img src='image.jpg' class='resize_image'

我正在使用jquery插件()调整页面上的单个图像的大小。一个简单的例子:

 // HTML:     
 <div class='parent_container'>
      <img src='image.jpg' class='resize_image' />
 </div>
 <div class='parent_container'>
      <img src='image.jpg' class='resize_image' />
 </div>

 // CSS:
 .parent_container {
      width: 200px;
      padding: 200px;
 }

 // jQuery:
 $('.resize_image').imgscale({
    fade : 1000,
    scale : "fill"
 });
我实际上需要在加载模型后运行脚本,以便让脚本添加必要的样式

我的问题是,上面的open:function()部分不起作用,或者如果它起作用,它就没有起作用。有没有其他方法(我做错了吗)和b)有没有更简洁的方法来执行此操作,而不必在每次有人单击对话框时再次应用脚本(可能只将其隔离到打开的对话框中的图像?)


任何想法都将不胜感激

我设法让它工作起来了。为了在单击事件之前创建一个名为dialog_properties的变量并指定默认对话框属性,我将对象直接移动为对话框打开对话框的属性示例:

  $(".popup_content .big_button").click(function() {

      popup_to_open = $(this).attr("rel");

      $("div[rel='"+popup_to_open+"']").dialog(
           {
               "width"   : "600",
               open    : function(event,ui) {
                   $('.resize_image').imgscale({
                         fade : 1000,
                         scale : "fill"
                   });
           }
      );
      return false;
  });
当对话框打开时,打开事件会以这种方式运行,通过在分配值之前创建一个带有打开事件的变量,打开事件会以这种方式运行。不确定这是否有意义,但它是有效的:)

  $(".popup_content .big_button").click(function() {

      popup_to_open = $(this).attr("rel");

      $("div[rel='"+popup_to_open+"']").dialog(
           {
               "width"   : "600",
               open    : function(event,ui) {
                   $('.resize_image').imgscale({
                         fade : 1000,
                         scale : "fill"
                   });
           }
      );
      return false;
  });