Question

我无法将Jquery库添加到我的代码中，我必须使用js代码
有人可以帮助我将以下代码转换为js
谢谢..

<script type="text/javascript">
    $(function(){
        $("#gorightslide").click(function(){
            if(!$(this).is('.diactiveisbtn')){
                $(this).addClass('diactiveisbtn');
                $("#goleftslide").removeClass('diactiveisbtn');
                $("#oneblockshowblog").css({display:'none'});
                $("#twoblockshowblog").fadeIn(500);
            }
        });
        $("#goleftslide").click(function(){
            if(!$(this).is('.diactiveisbtn')){
                $(this).addClass('diactiveisbtn');
                $("#gorightslide").removeClass('diactiveisbtn');
                $("#twoblockshowblog").css({display:'none'});
                $("#oneblockshowblog").fadeIn(500);
            }
        });
    });
</script>

Answer 1

你可以试试这个：

$('#myModal').on('hidden.bs.modal', function () {
    $('#inputId').focus();
});

Answer 2

试试这个

    function yourfunction() {
  document.getElementById("gorightslide").onclick = function(event) {
    if(event.target.className != "diactiveisbtn"){
        event.target.classList = "diactiveisbtn";
        document.getElementById("goleftslide").classList = "";
        document.getElementById("oneblockshowblog").style.display = "none";
        document.getElementById("twoblockshowblog").style.display = "block"; // you can add here css animation (@keyframe)
    }
  }
  document.getElementById("goleftslide").onclick = function(event) {
    if(event.target.className != "diactiveisbtn"){
        event.target.classList = "diactiveisbtn";
        document.getElementById("gorightslide").classList = "";
        document.getElementById("twoblockshowblog").style.display = "none";
        document.getElementById("oneblockshowblog").style.display = "block"; // you can add here css animation (@keyframe)
    }
  }
}

Answer 3

你在这里有一个误解，Jquery是用javascript制作的，所以，你的代码已经在javascript中了。如果你想在一个函数中使用这个代码，你只需要删除第一行，它将如下所示：

<script type="text/javascript">
    function callingPlugin(){
        $("#gorightslide").click(function(){
            if(!$(this).is('.diactiveisbtn')){
                $(this).addClass('diactiveisbtn');
                $("#goleftslide").removeClass('diactiveisbtn');
                $("#oneblockshowblog").css({display:'none'});
                $("#twoblockshowblog").fadeIn(500);
            }
        });
        $("#goleftslide").click(function(){
            if(!$(this).is('.diactiveisbtn')){
                $(this).addClass('diactiveisbtn');
                $("#gorightslide").removeClass('diactiveisbtn');
                $("#twoblockshowblog").css({display:'none'});
                $("#oneblockshowblog").fadeIn(500);
            }
        });
    };
    callingPlugin(); // <-- Will execute the code
</script>

将Jq转换为js

3 个答案: