Question

我无法在这里找到一个直接的答案供我查询，所以希望这里有一位很棒的人可以提供帮助！：）

我正在使用MaterialiseCSS。他们有一个名为＆＃34; materialboxed＆＃34;如果要放大，可以附加到元素。（非常适合图像，如本例所示）

我需要尝试做的是找到一种方法来获得文本链接（点击放大）触发＆＃34;点击＆＃34;图像上的事件，希望激活课程并放大图像。

文字链接： <a href="">Click to enlarge</a> 图片： <img src="yourimage" class="materialboxed" />

** MaterialiseCSS仍然处于起步阶段，尚未有详细记录，因此没有答案。不，不幸的是，没有使用Materialise。

提前致谢！

Answer 1

你可以使用普通的JS来做到这一点。您需要为图像添加一个id，然后在其上调用click事件。

<a href="" onclick="document.getElementById('img').click()">Click to enlarge</a>
<img src="yourimage" class="materialboxed" id="img" />

Answer 2

<a href='javascript:enlarge()'>Click to enlarge</a>
<img src="image.png" id='image' height="200px" class="materialboxed" />
<script>
    function enlarge() {
        document.getElementById('image').height =  400;
    }
</script>

Answer 3

从未使用过MaterialiseCSS，但从我看到的情况来看，materialboxed类的图片设置了.click()个事件。

因此，当有人点击＆＃34;点击放大＆＃34;时，您可以在图片上调用click()事件。文本。

jQuery中的示例：

$("a").click(function(){          //Your <a href="">Click to Enlarge</a> tag
    $(".materialboxed").click();  //Your <img class='materialboxed'> tag
});

触发＆＃34;点击＆＃34;通过文字链接

3 个答案: