{如果启用了带有class="one“的div，则(HTML snippet1)否则(HTML snippet")

Question

在我正在工作的网站上，我需要显示两个不同的HTML片段，这取决于另一个元素是否被激活。

像这样：

{if "div class="box expandResults" is enabled(or appearing on the page)"}

....HTML....

{else}

....OTHER HTML....

{/if}

我如何使用Smarty或jQuery做到这一点？我只能访问.tpl文件。

谢谢:)

Answer 1

使用JavaScript完成此操作。生成以下HTML：

<div id="boxExpandResultsEnabled" style="visibility: hidden"> 
....HTML...
</div>
<div id="boxExpandResultDisabled" style="visibility: hidden"> 
....OTHER HTML....
</div>

Prototype的JavaScript为：

<script>
        if($$('div.box expandResult')) {
            $('boxExpandResultsEnabled').show();
        } else {
            $('boxExpandResultsDisabled').show();
        };
</script>

JQuery也是这样：

<script>
        if($('div.box.expandResult')) {
            $('#boxExpandResultsEnabled').show();
        } else {
            $('#boxExpandResultsDisabled').show();
        };
</script>

Answer 2

那么，您肯定有一些条件可以让div class="box expandResults"出现在页面上，那么为什么不在其他情况下使用相同的条件呢？

如果有问题的div是通过javascript (AJAX或类似的东西)显示/更新的，那么你就不能单独使用smarty来完成这项工作。