如何覆盖这个计算?JQuery

时间:2015-09-16 16:52:37

标签: javascript jquery html css

我有这个网站:

link

我有两个页面包含相同的div ...在页面上我想在另一个页面上计算(到div)另一个计算..,

CODE JS :(新)

jQuery(document).ready(function ($) {

    var windowsizecontact = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
    console.log("ecran contact:",windowsizecontact);
    var stanga= jQuery('.contact-stanga').outerWidth();
    console.log("latime-stanga:",stanga);  
    var dreapta= jQuery('.contact-dreapta').outerWidth();  
    console.log("latime-dreapta:",dreapta);  
    var contentcontactwh=windowsizecontact-stanga-dreapta;
    console.log("rezultat",contentcontactwh);
    $('.contact-container #primary').css{('cssText', contentcontactwh'!important')};   //here I want to overide this div

});

这是旧代码(必须保留并仅适用于某些页面)

jQuery(document).ready(function ($) {
    var latime= Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
    var _stanga= jQuery('#secondary').outerWidth();
    var selectat= jQuery('.selectat').outerWidth();
    var calcul=latime-_stanga-selectat;
    $('#primary').css('width', calcul);

});

我的问题是新代码(来自上面)不适用于联系页面上的div,因为旧代码......我需要做的是独特的。 (旧代码应保留为)

它可以以某种方式覆盖?

编辑:

jQuery(document).ready(function ($) {

  var windowsizecontact = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
  console.log("ecran contact:",windowsizecontact);
  var stanga= jQuery('.contact-stanga').outerWidth();
  console.log("latime-stanga:",stanga);  
  var dreapta= jQuery('.contact-dreapta').outerWidth();  
  console.log("latime-dreapta:",dreapta);  
  var contentcontactwh=windowsizecontact-stanga-dreapta;
  console.log("rezultat",contentcontactwh);
  console.log("------------------");



  if ($("#primary").hasClass("content-contact")) {
     alert("ggg");
      $('.content-contact').css("width:",contentcontactwh); //here now is problem

  }else
  {
  var latime= Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
  var _stanga= jQuery('#secondary').outerWidth();
  console.log("latime-stanga:",_stanga);
  var selectat= jQuery('.selectat').outerWidth();
  console.log("latime-stanga:",_stanga); 
  var calcul=latime-_stanga-selectat;
  $('#primary').css('width', calcul);
   }

});

我尝试了第一个选项...但现在不仅应用了我的div宽度。

我做错了语法?

2 个答案:

答案 0 :(得分:0)

var app = app || {};

app.readyFunction = function () {
    // normal
};

// on website you want to overwrite
app.readyFunction = function () {
    // altCode
};

// and in document ready just call
$(function () {
    app.readyFunction();
});

答案 1 :(得分:0)

如果剩下的工作正常,如果问题只出在这一行,那么让我们稍微改变这一行。

这个

  $('.content-contact').css("width:",contentcontactwh); //try removing the : after width

  $('.content-contact').css("width",contentcontactwh); 

如果这不起作用,请提供控制台错误消息。