prePEND /追加不工作（歌剧，Safari，Chrome浏览器） [英] Prepend/Append don't Work (Opera, Safari, Chrome)

查看：158
本文介绍了prePEND /追加不工作（歌剧，Safari，Chrome浏览器）的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

Comarades，

我试着用追加和prePEND（），但没有控制工作。谁能帮助我？在Internet Explorer和Firefox的作​​品。

在code：

 ＆LT;！DOCTYPE HTML PUBLIC -  // W3C // DTD XHTML 1.0过渡// ENhttp://www.w3.org/TR/xhtml1/DTD/ XHTML1-transitional.dtd＆GT;
＆LT; HTML的xmlns =htt​​p://www.w3.org/1999/xhtml＆GT;＆LT; HEAD＆GT;＆LT; META HTTP-EQUIV =Content-Type的CONTENT =text / html的;字符集= ISO-8859 -1/＆GT;
＆LT;标题＆GT;无标题文档＆LT; /标题＆GT;＆LT; /头＆GT; ＆LT;脚本类型=文/ JavaScript的SRC =拉斐尔-min.js＆GT;＆LT; / SCRIPT＆GT;
 ＆LT;脚本类型=文/ JavaScript的SRC =jQuery的-1.4.2.js＆GT;＆LT; / SCRIPT＆GT;
 ＆LT;脚本类型=文/ JavaScript的＆GT; selEstrutura =功能（strComponent，strDestino）
 {
VAR objDest = $（'＃'+ strDestino）;
VAR objComp = $（'＃'+ strComponent）;
如果（（objComp = NULL）及！＆安培;！（objDest = NULL））
{
    $（'＃'+ strDestino +'IMG'）删除（）。
    objDest.append（'＆下; IMG的id ='+ strDestino +SRC ='+ objComp.val（）+''）;
    如果（（strDestino.trim（）=='eixoTracionado1'）||（strDestino.trim（）=='eixoTracionado2'））
    {
        $（'＃eixoEstruturaPt1 IMG'）删除（）。
        $（'＃eixoEstruturaPt1'）附加。（'＆下; IMG的id =eixoEstruturaPt1SRC =estrutura_semrodas.gif'）;        $（'＃eixoEstruturaPt2 IMG'）删除（）。
        $（'＃eixoEstruturaPt2'）附加。（'＆下; IMG的id =eixoEstruturaPt2SRC =estrutura_semrodas.gif'）;
    }
}
 }＆LT; / SCRIPT＆GT;＆LT;身体GT;
＆LT; D​​IV align =left的风格=宽度：20％;浮动：左;高度：300像素;边界：槽;边框颜色：＃000000;保证金左：0像素;＆GT;
    ＆LT; D​​IV ALIGN =正确的风格=浮动：左;宽度：30％＆GT;Tração：放大器; NBSP;＆LT; / DIV＆GT;
    ＆LT; D​​IV的风格=浮动：权利;宽度：70％＆GT;
        ＆LT;选择一个id =cboTracao的onchange =selEstrutura（'cboTracao'，'eixoTrator'）;＆GT;
            ＆LT;期权价值=＆GT;＆安培; NBSP;＆LT; /选项＆GT;
            ＆LT;期权价值=eixotrator_rodaunica.gif＆GT; UNICA＆LT; /选项＆GT;
            ＆LT;期权价值=eixotrator_rodasimples.gif＆GT; Simples＆LT; /选项＆GT;
            ＆LT;期权价值=eixotrator_rodadupla.gif＆GT; Dupla＆LT; /选项＆GT;
        ＆LT; /选择＆GT;
    ＆LT; / DIV＆GT;
    ＆LT; D​​IV ALIGN =正确的风格=浮动：左;宽度：30％＆GT; Tracionado（1）：放大器; NBSP;＆LT; / DIV＆GT;
    ＆LT; D​​IV的风格=浮动：权利;宽度：70％＆GT;
        ＆LT;选择一个id =cboTracionado1的onchange =selEstrutura（'cboTracionado1'，'eixoTracionado1'）;＆GT;
            ＆LT;期权价值=＆GT;＆安培; NBSP;＆LT; /选项＆GT;
            ＆LT;期权价值=eixotracionado_rodadosimples.gif＆GT; Simples＆LT; /选项＆GT;
            ＆LT;期权价值=eixotracionado_rodadoduplo.gif＆GT;双人＆LT; /选项＆GT;
        ＆LT; /选择＆GT;
    ＆LT; / DIV＆GT;
    ＆LT; D​​IV ALIGN =正确的风格=浮动：左;宽度：30％＆GT; Tracionado（2）：放大器; NBSP;＆LT; / DIV＆GT;
    ＆LT; D​​IV的风格=浮动：权利;宽度：70％＆GT;
        ＆LT;选择一个id =cboTracionado2的onchange =selEstrutura（'cboTracionado2'，'eixoTracionado2'）;＆GT;
            ＆LT;期权价值=＆GT;＆安培; NBSP;＆LT; /选项＆GT;
            ＆LT;期权价值=eixotracionado_rodadosimples.gif＆GT; Simples＆LT; /选项＆GT;
            ＆LT;期权价值=eixotracionado_rodadoduplo.gif＆GT;双人＆LT; /选项＆GT;
        ＆LT; /选择＆GT;
    ＆LT; / DIV＆GT;
    ＆LT; D​​IV ALIGN =正确的风格=浮动：左;宽度：30％＆GT; QTD Estepes：放大器; NBSP;＆LT; / DIV＆GT;
    ＆LT; D​​IV的风格=浮动：权利;宽度：70％＆GT;
        ＆LT;选择一个id =cboEstepes的onchange =selEstrutura（'cboEstepes'，'eixoEstepes'）;＆GT;
            ＆LT;期权价值=＆GT;＆安培; NBSP;＆LT; /选项＆GT;
            ＆LT;期权价值=estepe_simples.gif＆GT; 01 LT; /选项＆GT;
            ＆LT;期权价值=estepe_duplo.gif＆GT; 02＆LT; /选项＆GT;
            ＆LT;期权价值=estepe_triplo.gif＆GT; 03＆LT; /选项＆GT;
        ＆LT; /选择＆GT;
    ＆LT; / DIV＆GT;
＆LT; / DIV＆GT;＆LT; D​​IV ID =提示ALIGN =中心的风格=宽度：79％;浮动：权利;边框：槽;边框颜色：＃000000;高度：300像素＆GT;
    ＆LT; D​​IV的风格=保证金左：30％＆GT;
        ＆LT; D​​IV ID =eixoEstepes的风格=浮动：左;保证金左：10px的＆GT;＆LT; / DIV＆GT;
        ＆LT; D​​IV的风格=宽度：20％;浮动：左＆GT;＆LT; / DIV＆GT;
        ＆LT; D​​IV ID =eixoTrator的风格=浮动：左＆GT;＆LT; / DIV＆GT;
        ＆LT; D​​IV ID =eixoEstruturaPt1的风格=浮动：左＆GT;＆LT; / DIV＆GT;
        ＆LT; D​​IV ID =eixoEstruturaPt2的风格=浮动：左＆GT;＆LT; / DIV＆GT;
        ＆LT; D​​IV ID =eixoTracionado1的风格=浮动：左＆GT;＆LT; / DIV＆GT;
        ＆LT; D​​IV ID =eixoTracionado2的风格=浮动：左＆GT;＆LT; / DIV＆GT;
    ＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
 ＆LT; /身体GT;
 ＆LT; / HTML＆GT;

Sugestions（修改）

执行一些修改建议，仍然没有工作。

 ＆LT;脚本类型=文/ JavaScript的＆GT;selEstrutura =功能（strComponent，strDestino）
{
VAR objDest = $（'＃'+ strDestino）;
VAR objComp = $（'＃'+ strComponent）;
如果（（objComp = NULL）及！＆安培;！（objDest = NULL））
{
    $（'＃'+ strDestino +'IMG'）删除（）。
    objDest.append（'＆下; IMG的id ='+ strDestino +'_imgSRC ='+ objComp.val（）+''）;
    如果（（strDestino.trim（）=='eixoTracionado1'）||（strDestino.trim（）=='eixoTracionado2'））
    {
        $（'＃eixoEstruturaPt1 IMG'）删除（）。
        $（'＃eixoEstruturaPt1'）附加。（'＆下; IMG的id =eixoImgEstruturaPt1SRC =estrutura_semrodas.gif'）;        $（'＃eixoEstruturaPt2 IMG'）删除（）。
        $（'＃eixoEstruturaPt2'）附加。（'＆下; IMG的id =eixoImgEstruturaPt2SRC =estrutura_semrodas.gif'）;
    }
}
}＆LT; / SCRIPT＆GT;


解决方案

来源工作：歌剧，Safari，Chrome浏览器，IE，Mozilla的

  selEstrutura =功能（strComponent，strDestino）
{
$（'＃'+ strDestino +'IMG'）删除（）。
$（'＃'+ strDestino）.append（'＆LT; IMG ID =+ strDestino +'_imgSRC ='+ $（'＃'+ strComponent）.VAL（）+'＆GT;'）;
如果（（strDestino =='eixoTracionado1'）||（strDestino =='eixoTracionado2'））
{
    $（'＃eixoEstruturaPt1 IMG'）删除（）。
    $（'＃eixoEstruturaPt1'）追加（'＆下; IMG SRC =estrutura_semrodas.gifALT =/＆GT;'）;    $（'＃eixoEstruturaPt2 IMG'）删除（）。
    $（'＃eixoEstruturaPt2'）追加（'＆下; IMG SRC =estrutura_semrodas.gifALT =/＆GT;'）;
}
}

我做的朋友建议的修改，但在某些浏览器不能正常工作。经过一些测试，我发现方法。TRIM（）不能正常工作。

感谢您​​的帮助所有

Comarades,

I tried using the append and prepend (), but none of the controls work. Could anyone help me? In Internet Explorer and Firefox works.

The Code: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title></head>

 <script type="text/javascript" src="raphael-min.js"></script>
 <script type="text/javascript" src="jquery-1.4.2.js"></script>
 <script type="text/javascript">

 selEstrutura = function(strComponent, strDestino)
 {
var objDest = $('#' + strDestino);
var objComp = $('#' + strComponent);
if ((objComp != null) && (objDest != null))
{
    $('#' + strDestino + ' img').remove();
    objDest.append('<img id="' + strDestino + '" src="' + objComp.val() + '"');
    if ((strDestino.trim() == 'eixoTracionado1') || (strDestino.trim() == 'eixoTracionado2'))
    {
        $('#eixoEstruturaPt1 img').remove();
        $('#eixoEstruturaPt1').append('<img id="eixoEstruturaPt1" src="estrutura_semrodas.gif"');

        $('#eixoEstruturaPt2 img').remove();
        $('#eixoEstruturaPt2').append('<img id="eixoEstruturaPt2" src="estrutura_semrodas.gif"');
    }
}
 }

</script>

<body>
<div align="left" style="width:20%;float:left;height:300px;border:groove;border-color:#000000;margin-left:0px;">
    <div align="right" style="float:left;width:30%">Tração:&nbsp;</div>
    <div style="float:right;width:70%">
        <select id="cboTracao" onchange="selEstrutura('cboTracao','eixoTrator');">
            <option value="">&nbsp;</option>
            <option value="eixotrator_rodaunica.gif">Única</option>
            <option value="eixotrator_rodasimples.gif">Simples</option>
            <option value="eixotrator_rodadupla.gif">Dupla</option>
        </select>
    </div>
    <div align="right" style="float:left;width:30%">Tracionado(1):&nbsp;</div>
    <div style="float:right;width:70%">
        <select id="cboTracionado1" onchange="selEstrutura('cboTracionado1','eixoTracionado1');">
            <option value="">&nbsp;</option>
            <option value="eixotracionado_rodadosimples.gif">Simples</option>
            <option value="eixotracionado_rodadoduplo.gif">Duplo</option>
        </select>
    </div>
    <div align="right" style="float:left;width:30%">Tracionado(2):&nbsp;</div>
    <div style="float:right;width:70%">
        <select id="cboTracionado2" onchange="selEstrutura('cboTracionado2','eixoTracionado2');">
            <option value="">&nbsp;</option>
            <option value="eixotracionado_rodadosimples.gif">Simples</option>
            <option value="eixotracionado_rodadoduplo.gif">Duplo</option>
        </select>
    </div>
    <div align="right" style="float:left;width:30%">Qtd Estepes:&nbsp;</div>
    <div style="float:right;width:70%">
        <select id="cboEstepes" onchange="selEstrutura('cboEstepes','eixoEstepes');">
            <option value="">&nbsp;</option>
            <option value="estepe_simples.gif">01</option>
            <option value="estepe_duplo.gif">02</option>
            <option value="estepe_triplo.gif">03</option>
        </select>
    </div>
</div>

<div id="prompt" align="center" style="width:79%;float:right;border:groove;border-color:#000000;height:300px">
    <div style="margin-left:30%">
        <div id="eixoEstepes" style="float:left;margin-left:10px"></div>
        <div style="width:20%;float:left"></div>
        <div id="eixoTrator" style="float:left"></div>
        <div id="eixoEstruturaPt1" style="float:left"></div>
        <div id="eixoEstruturaPt2" style="float:left"></div>
        <div id="eixoTracionado1" style="float:left"></div>
        <div id="eixoTracionado2" style="float:left"></div>
    </div>
</div>
 </body>
 </html>

Sugestions (Modified)

Performing some suggested changes, still not working.

<script type="text/javascript">

selEstrutura = function(strComponent, strDestino)
{
var objDest = $('#' + strDestino);
var objComp = $('#' + strComponent);
if ((objComp != null) && (objDest != null))
{
    $('#' + strDestino + ' img').remove();
    objDest.append('<img id="' + strDestino + '_img" src="' + objComp.val() + '"');
    if ((strDestino.trim() == 'eixoTracionado1') || (strDestino.trim() == 'eixoTracionado2'))
    {
        $('#eixoEstruturaPt1 img').remove();
        $('#eixoEstruturaPt1').append('<img id="eixoImgEstruturaPt1" src="estrutura_semrodas.gif"');

        $('#eixoEstruturaPt2 img').remove();
        $('#eixoEstruturaPt2').append('<img id="eixoImgEstruturaPt2" src="estrutura_semrodas.gif"');
    }
}
} 

</script>

解决方案

Source Working in: Opera, Safari, Chrome, IE, Mozilla.

selEstrutura = function(strComponent, strDestino)
{
$('#' + strDestino + ' img').remove();
$('#' + strDestino).append('<img id="' + strDestino + '_img" src="' + $('#' + strComponent).val() + '">');
if ((strDestino == 'eixoTracionado1') || (strDestino == 'eixoTracionado2'))
{
    $('#eixoEstruturaPt1 img').remove();
    $('#eixoEstruturaPt1').append('<img src="estrutura_semrodas.gif" alt=""/>');

    $('#eixoEstruturaPt2 img').remove();
    $('#eixoEstruturaPt2').append('<img src="estrutura_semrodas.gif" alt=""/>');
}
}

I made the changes suggested by friends, but in some browsers was not working. After some testing, I discovered that the method ". Trim ()" was not working properly.

Thanks for the help of all.

这篇关于prePEND /追加不工作（歌剧，Safari，Chrome浏览器）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
前端开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆