如何将javascript放入媒体查询条件中

我想把javascript放在媒体查询条件中。我想在将屏幕调整为移动视图时更改元素的行为。这是我的密码

    @media only screen and (max-width: 767px) {
    <script>
    jQuery(document).ready(function(){
    jQuery('.address0.fa-angle-double-down').on('click', function(event) {        
    jQuery("#address-1").toggleClass("expand");
    jQuery('.address0.fa-angle-double-down').toggleClass("less-text");
    });
    });
    </script>
    }  

@仅媒体屏幕和（最大宽度：767px）{
jQuery（文档）.ready（函数（）{
jQuery（'.address0.fa角度双下'）.on（'click'，函数（事件）{
jQuery（“地址-1”）.toggleClass（“扩展”）；
jQuery（'.address0.fa-angle-double-down'）.toggleClass（“更少的文本”）；
});
});
}  

这是html

    <div class="place">
    <h3><a href="/#/"><i class="fa fa-map-marker"></i> Nevada</a><i 
    class="fa fa-angle-double-down address0" aria-hidden="true"></i></h3>
    <ul>
    <li><i class="fa fa-map-marker"></i> <a href="/#/">Las Vegas</a></li>
    </ul>
   </div>

非常感谢您的帮助。

在Jquery

if（$（window.width（）<767）中执行此操作。

：

$（'.address0.fa角度双下'）。打开（'click'，函数（事件）{
如果（$（窗口）.width（）<767）{
$（“#地址-1”）。切换类别（“扩展”）；
$（'.address0.fa角度双下'）.toggleClass（“更少的文本”）；
}
});




您需要检查jQuery的
width（）
函数。您可能需要结合lodash js库中的函数来侦听resize事件，以处理窗口调整大小的情况



函数handleClick（e）{
$（“#地址-1”）。切换类别（“扩展”）；
$（'.address0.fa角度双下'）.toggleClass（“更少的文本”）；
}
函数handleState（）{
log（$（document.width（））；
if（$（文档）.width（）<767）{
$（'.address0.fa角度双下'）。打开（'click'，handleClick）；
}
}
$（文档）.ready（函数（）{
扶手（）；
});

向下



您可以这样做，但不能使用CSS。必须创建一个对象才能执行此操作

在您的情况下，您可能会遇到以下情况：

var mql = window.matchMedia("only screen and (max-width: 767px)")

// this is called when the MQL status changed
mql.addListener(doStuff);

// this is called if the MQL already matches the query specificed
if (mql.matches) {
   doStuff();
}

查看链接了解更多详细信息，并注意（例如，现在您应该没有太多问题，但如果您必须支持IE9，则是另一个马特恩）

希望有帮助。
您不能在CSSCS中添加脚本，JavaScript是两种截然不同的东西。您不能将HTML或JavaScript放入CSS规则中。若要执行所需操作，请将
onload
/
onresize
侦听器添加到
窗口
并在其中进行设置。感谢您的说明。我是javascript新手，所以我还在调整。请告诉我更多帮助谢谢先生。我以后再试试。非常感谢：）谢谢你，先生。我以后再试试。非常感谢：）这帮了大忙，先生。感谢您的回复：）