0

并非按钮“点击发布”的所有部分都是可点击的。所以当我点击该按钮的“Cli”部分时，我看不到手形光标意味着不可点击，因此不会触发相应的事件。以下是 div 在哪里问题。看看最后一个跨度元素，这是我的意思 -

<div id="photodivmain" style="padding:4px; "> 
         <div style="padding-bottom:8px; font-size:11px;">
         <div style="margin-bottom:6px;font-size:11px;">Write in the message box.Click "Click to post" to publish.</div> <b>Message:</b> <div style="border:1px solid gray;padding:4px;margin-top:2px;background-color:white"><textarea id="postphdesc" style="border:none;border:0px solid transparent; width:100%;" rows="3"></textarea></div>
         </div>
          <div id="swfupload-control" style="font-size:11px;">
          <div style="margin-bottom:2px;"><b>Select an image file on your computer (jpg, png, gif,bmp).Maximum size of 2 MB)</b></div><input type="button" id="buttonFileUp" /><p id="queuestatus" ></p><ul style="list-style:none; list-style-type:none; text-decoration:none" id="log"><li style="list-style-type:none; list-style:none;"></li></ul></div>                 
         <div style="position:relative;">
            <span class="postwall-button" style="cursor:hand;cursor:pointer; padding:3px 5px 3px 5px;border:1px solid buttonface; font-weight:bold;margin:5px 0 4px 2px !important;font-size:15px; display:block; width:100px; text-align:center;" onclick="StartToDoWork()">Click to post</span>
        </div>
    </div>

我也正在使用 swfupload 来选择要通过上面的 swfupload-control div 上传的文件。以下显示了我如何启动 swfupload 以及何时文件选择了上面添加的一些元素

 <ul>

列表。

<script type="text/javascript">
jQuery('#swfupload-control').swfupload({            
    button_image_url: "<?php echo JURI::root(); ?>modules/mod_posttofb/images/XPButtonNoText_160x22.png",   
    button_width: 160,
    button_height: 22, button_text: '<span>Choose File</span>',
    button_text_top_padding: 1,
    button_text_left_padding: 44,
    button_placeholder : jQuery('#buttonFileUp')[0],
    ......other main parameters not shown here
})
    .bind('fileQueued', function(event, file){
        jQuery('#log li').remove();
        var listitem='<li id="'+file.id+'" >'+
            'File: <em>'+file.name+'</em> ('+Math.round(file.size/1024)+' KB) <span class="progressvalue" style="font-weight:bold;" ></span>'+
            '<div class="progressbar" ><div class="progress" style="" ></div></div>'+
            '<p class="status" style="margin-bottom:1px;font-weight:bold;">Attached</p><input type="button" class="cancel" value="Cancel" id="cancelbutton" style="padding:2px; cursor:pointer;cursor:hand; font-weight: normal;background-color:#F2F2EE; border:1px solid black; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em;border-radius: 0.4em;"  />'+
            '</li>';

        jQuery('#log').append(listitem);                
    })
............other functions not shown here 
</script>

通过网络研究，我还没有找到解决方案，但知道给出位置：相对属性到跨度工作。但如果它有任何缺点，因为应用程序必须在 ie8、firefox、chrome ...... xp 和 win7 中的浏览器中运行。主要的事情是否一切都适用于除 Firefox 之外的其他浏览器。

4

1 回答 1

1

您不需要相对位置来postwall-button设置 z-index: 9999。也许某些 SWF Div 占用了更多空间。也抹去cursor: hand。

于 2013-05-27T23:17:58.733 回答