Применить несколько строк jQuery в одном условном условном выражении

Question

У меня есть некоторые строки jQuery, которые я хочу применить, только если он удовлетворяет условным требованиям. Heres код:

<script> 
$(function() { 
    //<![CDATA[ 
    if (location.pathname == "/one-page-checkout.asp") 
     $('#content_area').css("height", "1400px"); <!-- fix footer issue --> 
     $('#v65-onepage-ShippingCostDetails tr:nth-child(3)').css("display", "none"); 
    //]]> 
}); 
</script> 

Первая линия, "$('#content_area').css("height", "1400px");", делает то, что я хочу, и применяется только в случае, если URL имеет /one-page-checkout.asp. Но вторая строка, $('#v65-onepage-ShippingCostDetails tr:nth-child(3)').css("display", "none");, применяется повсеместно на моем сайте.

Как я могу сделать вторую строку, а любая строка после нее подчиняться условному?

Answer 1

Вы упускаете фигурные скобки на вашем if заявление:

if (location.pathname == "/one-page-checkout.asp") { 
     $('#content_area').css("height", "1400px"); <!-- fix footer issue --> 
     $('#v65-onepage-ShippingCostDetails tr:nth-child(3)').css("display", "none"); 
} 

Оставив фигурные скобки от вполне допустимо, но если вы сделаете это, только следующая строка выполняется, если утверждение верно. Это может привести к ошибкам во время технического обслуживания. Отступ только для удобства чтения, это не влияет на выполнение кода.

Ваш код, как есть, интерпретируется так:

if (location.pathname == "/one-page-checkout.asp") 
    $('#content_area').css("height", "1400px"); <!-- fix footer issue --> 

$('#v65-onepage-ShippingCostDetails tr:nth-child(3)').css("display", "none");