我在一个非常好用且易于使用的项目中使用WYMeditor。我添加了一个自定义按钮,用于打开包含图像缩略图的模式。单击图像,它将被插入WYMeditor。问题是单击的第一个图像很棒,但是如果你尝试插入多个图像,它会“加倍”,即第一个图像点击= 1个图像插入,第二个图像点击= 2个图像插入,第三个点击= 3个图像插入等等上。在插入图像后我也得到"</span>"
,根本不需要。我不明白为什么会发生任何线索。这是WYM插入的代码。
jQuery('.wymeditor').wymeditor({
html: '<p>Hello, World!<\/p>',
postInit: function(wym) {
var html = "<li class='wym_tools_newbutton'>"
+ "<a name='NewButton' href='#'"
+ " style='background-image:"
+ " url(includes/js/wymeditor/img/media.png);'"
+ " title='Insert an image' >"
+ "</a></li>";
jQuery(wym._box).find(wym._options.toolsSelector + wym._options.toolsListSelector).append(html);
jQuery(wym._box).find('li.wym_tools_newbutton a').click(function() {
jQuery('#modal').show().css( { 'left': (winW-980)/2+'px', 'top': '100px' } ).load('includes/admin/adminListMedia.php');
jQuery('.imgname').live('change',function(){
var InsertImg = '#'+jQuery(this).attr('id');
wym.insert('<img src="http://127.0.1/admin/includes/uploads/'+jQuery(InsertImg).val()+'" />');
jQuery('#modal').empty().hide();
});
return(false);
});
正如你所看到我关闭并清空插入模式,我这样做是为了“清除”重复,但它不起作用,这是“模态”代码:
<?php
if ($handle = opendir('../../includes/uploads/thumb/')) {
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != "..") { ?>
<div class="MediaImgSelect wym_src">';
<img src="includes/uploads/thumb/<?php echo $file; ?>" width="90px" height="90px"/>';
Size
<select class="imgname" id="<?php echo 'img_'.substr($file,0,-4); ?>">
<option value="Select">Select</option>
<option value="thumb/<?php echo $file; ?>">Thumb</option>
<option value="thumb/<?php echo $file; ?>">Small</option>
<option value="thumb/<?php echo $file; ?>">Large<option>
</select>
</div>
<?php }
}
closedir($handle);
}
?>
答案 0 :(得分:0)
实际上我在函数
中使用了.bind not .live