2017-08-05 86 views
-3

任何人都可以请帮助我在这里,为什么没有这个工作。为什么jQuery页面不起作用?

$(document).on('pageinit pageshow', function(){ 
$(".col-lg-6.md-letter-text").css({ 'height': ($(".col-lg-6.md-letter-img").height() + 'px') }); 
$(".col-lg-6.tab-feat-text-col").css({ 'height': ($(".col-md-6.tab-img-col.visible-lg").height() + 'px') }); 
$(".prod-tab-col").css({ 'height': ($(".gff-tab-content-col").height() + 'px') }); 

$('#gff-modal').on('shown.bs.modal', function() { 
$('#myInput').focus() 
$(this).removeData('bs.modal'); 
}); 
+0

问题寻求帮助调试(“?为什么不是这个代码工作”)必须包括所期望的行为,一个特定的问题或错误,并在最短的代码要重现在问题本身。没有明确问题陈述的问题对其他读者无益。 – Jer

+0

对不起,我是新手。我试图在页面加载(网站)加载时调整这些div的大小。 – user2317954

回答

1

您缺少一个结束括号和括号。试试这个:

$(document).on("pageinit pageshow", function() { 
 
    $(".col-lg-6.md-letter-text").css({ 
 
    height: $(".col-lg-6.md-letter-img").height() + "px" 
 
    }); 
 
    $(".col-lg-6.tab-feat-text-col").css({ 
 
    height: $(".col-md-6.tab-img-col.visible-lg").height() + "px" 
 
    }); 
 
    $(".prod-tab-col").css({ 
 
    height: $(".gff-tab-content-col").height() + "px" 
 
    }); 
 

 
    $("#gff-modal").on("shown.bs.modal", function() { 
 
    $("#myInput").focus(); 
 
    $(this).removeData("bs.modal"); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

+0

谢谢@dankreiger。但是这似乎也不起作用。该div没有调整大小。但是当我使用“window.onresize = function(event)”时,它工作正常。但那不是我希望它工作的方式。 – user2317954

+0

没问题。我认为这将是有益的,如果你可以发布你的HTML或做一个小提琴/ codepen。 –

相关问题