如何使用JQuery或AJAX添加php-include语句 - How to add a php include statement with JQuery or AJAX

How to add a php include statement with JQuery or AJAX

所以我尝试在按钮单击时添加两个SVG。我有两个按钮"男性"answers"女性"，每个按钮都加载一个SVG。

起初，默认情况下加载雄SVG，单击时必须更改。

这是HTML代码。

        <div id="svgDivMale"> 
            <?php include"shirtBasic.svg" ?>
        </div>

这就是点击后的外观。

        <div id="svgDivFemale"> 
            <?php include"girlShirtSVG.svg" ?>
        </div>

我读过关于堆栈溢出的其他问题，通过Jquery这是不可能的，但一定有办法。

谢谢。

您有点过于复杂了，这不是问题，但很容易。

为什么我给你提供jQuery加载，因为我认为你想把javascript和php混合在一起。

所以只要操作DOM就可以了。

你想让男性出现在第一位，对吧？

所以在你的html中保持它是

<div id="svgDivMale"> 
  <?php include"shirtBasic.svg" ?>
</div>    
<div id="svgDivFemale"> 
   <?php include"girlShirtSVG.svg" ?>
</div>

隐藏女性的SVG

css

#svgDivFemale {
  display: none;
}

从这里开始，你只需要创建一个按钮，就像我不知道一样

的基本示例

html按钮

<button id="showMale">Show male SVG</button>
<button id="showFemale">Show female SVG</button>

jQuery

    $('#showMale').on('click', function(){
        $('#svgDivMale').show();
        $('#svgDivFemale').hide();
    });
    $('#showFemale').on('click', function(){
        $$('#svgDivMale').hide();
        $('#svgDivFemale').show();
    })