在jquery模型中运行脚本
我正在使用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'
// 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;
});