Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

No addition of css in jquery

briley

Hey, everybody.

There's a jQuery code :

var parent = $(this).parents('.work-examples__li');
            var tarGet = parent.find(".example");
            var activeBlock = parent.find(".work-examples__li_active");
            var tarGetHeight = tarGet.height();
        if (!tarGet.hasClass('pop-up')) {
            tarGet.addClass('pop-up');
            activeBlock.addClass('visible');
            parent.css("padding-bottom", 'tarGetHeight')

In the performance of the parent receives style="

parent.css("padding-bottom", tarGetHeight)

The padding receives 0px;

What's the problem?

K
kalena last edited by
That's how it works.
```
$(parent).css({"padding-bottom" : tarGetHeight});
```
Prove. :
UPDI didn't immediately notice. How do you use jQuery functions?
Reply Quote 0
1 Reply Last reply

2
Posts

0
Views

Suggested Topics

J

Need help with ES6 modules
Software Programming • javascript webpack ecmascript 6 babel • • jonetta

2

0
Votes

2
Posts

0
Views

K

First, export.default does not make a webpack but a transpier. One https://github.com/webpack/webpack/issues/706 In the guitabe, it says:webpack uses reqire, and if you convert into es5, it turns the import using default and returns to export.And that's where they're offering to do it. module.exports = Library;♪Just try and do it. export { foo as myFoo } from 'src/other_module';
E

How to load a CSS file dynamically in jQuery?
Software Programming • javascript jquery css web application apac languagehe c languag • • emran

2

0
Votes

2
Posts

0
Views

If in jQuery it is not possible, and in JavaScript how do I do?jQuery is a framework javascript. His purpose is to make simpler what can be done in javascript. If it is possible in jQuery then it is possible in javascript.how do I load a CSS dynamically on a page using jQueryYou do not necessarily need jQuery to do that. I'll show you a way to do using javascript pure, and if you are interested, you can arrange the migration to jQuery.Pro your algorithm will basically need 2 steps:check when we are in portrait or landscape modechange the attribute href of a tag link to carry the proper styleChecking the modeYou can check the current mode using the following code:if (window.matchMedia("(orientation: portrait)").matches) { // MODO PORTRAIT } if (window.matchMedia("(orientation: landscape)").matches) { // MODO LANDSCAPE } You can also create a function that checks the size of the window if you want to change the style according to a certain width. This way you can create a style for small, medium, large, extra large devices. That's exactly what https://getbootstrap.com/ does, however this is done through https://developer.mozilla.org/pt-BR/docs/Web/Guide/CSS/CSS_Media_queries and not javascript.Changing the hrefThis part is relatively simple, you can create a tag link with any id and modify the attribute href according to the condition you want. Here's an example:<link rel="stylesheet" id="dynamic-link"> <script> var dynamicLink = document.querySelector('#dynamic-link'); if (CONDICAO DO MODO PORTRAIT) { dynamicLink.setAttribute('href', 'portrait.css'); } else { dynamicLink.setAttribute('href', 'landscape.css'); } </script> Media QueriesInstead of loading files dynamically, you have the option to create a unique CSS file with some specific conditions, such as statements that are applied only in certain modes or resolutions. Here's an example:@media screen and (orientation:portrait) { // ESTILO PARA MODO PORTRAIT } @media screen and (orientation:landscape) { // ESTILO PARA MODO LANDSCAPE } Follow the link http://www.w3.org/TR/css3-mediaqueries/#orientation for more information.
R

How to make a css style change via JQuery
Software Programming • jquery • • rielyn

2

0
Votes

2
Posts

0
Views

J

HTML<div id="nav" style="height: 150vh; margin-top: 100px;">  <nav>Abc</nav> </div> jQuery$(document).ready(function(){ var scroll_pos = 0; $(document).scroll(function() { scroll_pos = $(this).scrollTop(); //"scrollTop" obtem a posição vertical atual da barra de rolagem if(scroll_pos > 10) { // No lugar de "10", é quantos pixels você quer que o usuário desça para fazer a mudança de cor. $("nav").css('background-color', 'blue'); } }); }); Note: Pay attention to comments.
A

? How to insert a while(php) cycle in javascript?
Software Programming • javascript php sql html5 bootstrap • • authera

2

0
Votes

2
Posts

0
Views

F

Problem:The problem is that you are using simple quotes (') to generate a chain "multi-line" and Javascript This can't be done like that.Demo:let multiLineStr = 'Hola mundo'; console.log(multiLineStr) Solution:To create "multi-line" strings you can:Escape (</code>) the line jump at the end of the chainlet multiLineStr = 'Hola mundo'; console.log(multiLineStr) or use https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/template_strings let multiLineStr = Hola mundo; console.log(multiLineStr) Specific case:In your case (and only if script this in a file PHP), using chain templates, you could do so://... código anterior cell3.innerHTML = <select class="col-12 form-control mr-sm-2 " name="unidad_medida"> <?php while($datos = mysqli_fetch_array($consulta_u_medida)){ ?> <option value="<?php echo $datos['codigo']?>"><?php echo $datos['nombre'] ?></option> <?php } ?> </select>;
A

Jquery css selters
Software Programming • jquery • • Anderson

2

0
Votes

2
Posts

0
Views

N

If it's always the third and never the other, $("tr td:nth-child(3)")Pseud Division :nth-child is used to add the style to the elements based on the numbering tree of the elements.Syntaxis: элемент:nth-child(odd | even | <число> | <выражение>) {...}
A

CSS
Software Programming • javascript html css cs3 • • Avante

2

0
Votes

2
Posts

0
Views

K

A picture. ♪But if you want perv:.border { display: block; width: 250px; height: 250px; position: relative; -webkit-mask-image: linear-gradient(#000, transparent); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 75%; mask-image: linear-gradient(#000, transparent); mask-repeat: no-repeat; mask-size: 100% 75%; } .border::before, .border::after { content: ''; display: block; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .border::before { width: 80%; height: 80%; } .border::after { width: 60%; height: 60%; } .border, .border::before, .border::after { border: 1px solid red; border-radius: 50%; box-sizing: border-box; }<div class="border"></div>
R

CSS, how do you do that button?
Software Programming • html cs button • • rielyn

2

0
Votes

2
Posts

0
Views

Unfortunately, too little description. Did what you wanted. As is done, we take the button and put on top of it a pseudolemant before with rounded corners that creates an effect. Check the code, you can follow the reference:'<div class="btn-wrap"> <div class="btn"> Выбрать </div> </div> .btn-wrap{ z-index: 1; background: #a1a1a1; width: 100%; height: 300px; padding-top: 150px; } .btn{ z-index: 2; margin: 0 auto 0; text-align: center; line-height: 65px; height: 55px; width: 300px; background-color: orange; color: white; font-size: 20px; border-radius: 0px 0px 10px 10px; position: relative; } .btn::before{ content: ''; position: absolute; z-index: 3; top: -120px; left: 0; width: 100%; height: 130px; background-color: #fff; border-radius: 10px; } ` https://codepen.io/hel1_yeah/pen/YzqpmRO
E

Ejs changes the date in the view
Software Programming • javascript nodejs javasc languageript objec ejs • • emerson

2

0
Votes

2
Posts

0
Views

E

The problem is not due to EJS, but to the time zone where it is executes Javascript.To be able to print the date, Javascript converts an object Date to a chain, for which the method is automatically called https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toString .That method takes the time zone of the client who executes it (server or browser).let date = new Date('2021-03-11T15:27:50.803Z'); console.log(date + ''); console.log(date.toString());Solution:You can use the method https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toUTCString which converts a date into a chain, using the time zone UTClet date = new Date('2021-03-11T15:27:50.803Z'); console.log(date.toUTCString());
How do I shoot a function with google forms?
Software Programming • javascript google spreadsheet google apps sc languageri google forms • • Bogopo

2

0
Votes

2
Posts

0
Views

G

It might be that you don't find an error is due to a Google Apps Script bug that in certain cases errors are not recorded when using the default Google Cloud Platform project and runtime V8.To see the errors you might try to change the runtime to use the old (Rhino) or create a standard Google Cloud Platform project.On the other hand, the triggers have the sending of the error message by email by default, only that the shipment is only once a day, but it is possible to change the frequency immediately. This setting cannot be made by code, only by the web interface, for thisOpen the Script Apps projectGo to the project activators pageEdit the activatorModify the configuration of the notification and save.As for your code, this has a problem, it is not possible to call getUi() from a "on form submit" activator, so you must remove the lineSpreadsheetApp.getUi().alert("El formulario ha sido enviado exitosamente"); Removing that line should already work your script.
Z

jquery percentage calculation
Software Programming • javascript jquery • • zymir

2

0
Votes

2
Posts

0
Views

F

opeta, try to do this:P.S.: $.fn.val is a workaround to be able to seta the input value after applying the mask.var originalVal = $.fn.val; $.fn.val = function(value) { if (typeof value == 'undefined') { return originalVal.call(this); } else { setTimeout(function() { this.trigger('mask.maskMoney'); }.bind(this), 100); return originalVal.call(this, value); } }; function calcular(event) { var inputs = { precoCompra: $('#precoCompra'), custoempresa: $('#custoempresa'), st: $('#st'), ipi: $('#ipi'), precoVenda: $('#precoVenda') }; var valores = { precoCompra: parseFloat(inputs.precoCompra.val()), custoempresa: parseFloat(inputs.custoempresa.val()), st: parseFloat(inputs.st.val()), ipi: parseFloat(inputs.ipi.val()), precoVenda: 0.0 }; valores.custoempresa = isNaN(valores.custoempresa) ? 0.0 : valores.precoCompra * (valores.custoempresa / 100); valores.st = isNaN(valores.st) ? 0.0 : valores.precoCompra * (valores.st / 100); valores.ipi = isNaN(valores.ipi) ? 0.0 : valores.precoCompra * (valores.ipi / 100); valores.precoVenda = valores.precoCompra + valores.custoempresa + valores.st + valores.ipi; inputs.precoVenda.val(valores.precoVenda.toFixed(2)); } $(document).ready(function(){ var inputs = $(".money").maskMoney(); var inputs = $("input[name='custoempresa'], input[name='st'], input[name='ipi'], input[name='precoCompra']"); inputs.on({ //keypress: calcular, keyup: calcular, //keydown: calcular, }); });<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://rawgit.com/plentz/jquery-maskmoney/master/dist/jquery.maskMoney.js"></script> <div class="control-group"> <label for="precoCompra" class="control-label">Preço de Compra<span class="required"></span></label> <div class="controls"> <input id="precoCompra" class="money" type="text" name="precoCompra" value="" /> </div> </div> <div class="control-group"> <label for="custoempresa" class="control-label">Custo Empresa<span class="required"></span></label> <div class="controls"> <input id="custoempresa" type="text" name="custoempresa" value="" /> </div> </div> <div class="control-group"> <label for="st" class="control-label">Subs. Tributária<span class="required"></span></label> <div class="controls"> <input id="st" type="text" name="st" value="" /> </div> </div> <div class="control-group"> <label for="ipi" class="control-label">IPI<span class="required"></span></label> <div class="controls"> <input id="ipi" type="text" name="ipi" value="" /> </div> </div> <div class="control-group"> <label for="precoVenda" class="control-label">Preço de Venda<span class="required">*</span></label> <div class="controls"> <input id="precoVenda" class="money" type="text" name="precoVenda" value="" /> </div> </div>
K

CSS menu
Software Programming • css menu • • kalyn

2

0
Votes

2
Posts

0
Views

E

You can use such a lt:.nav_in:hover .mim { display: block; } http://jsfiddle.net/o7kauh39/2/ I wouldn't recommend a menu. hoverit's very difficult to get into it:UPD. Updated the answer.
What are and how do slots and "scoped slots" work on Vue.js?
Software Programming • javascript vue.js • • morde

2

0
Votes

2
Posts

0
Views

E

How does it work? <slot></slot> and scoped slots to receive descendants from another component and pass props to descending elements?When a component has slot(s), it is possible to inject content into it from the parent component without the need to use props. For example:var MeuComponente = Vue.component('meu-componente', { template: '<div class="meu-componente"><h1>{{ header }}</h1><slot></slot></div>', data() { return { header: 'Isto vem de dentro' } } }); new Vue({ el: '#app', data: { message: 'Isto vem de fora' } });<script src="https://unpkg.com/vue"></script> <div id="app"> <meu-componente> {{ message }} </meu-componente> </div>Notice message belongs to the outside component (Vue root/app, in this case), while the header renders the value of an internal variable to the component.How to know what content should go to what slot in case a component has multiple?You can use multiple slots simply by giving a name attribute to each, and passing the content into an attribute HTML tag slot pointing to that name. In the definition of the component, for example:<h1>{{ header }}</h1> <slot name="abaixo-do-h1"></slot> <h2>Outro header</h2> <slot name="abaixo-do-h2"></slot> In use it is like this:<meu-componente> <div slot="abaixo-do-h1>Isto vai abaixo do h1</div> <div slot="abaixo-do-h2>Isto vai abaixo do h2</div> </meu-componente> Can a slot have initial descent that is replaced by future descent if there is no use of a v-if or v-show?Yes! If you do not pass a content to a given slot from the external component, the slot content defined in the internal component will be displayed. Works as a content default.
J

CSS notes
Software Programming • css marking blocks • • juvenalb

2

0
Votes

2
Posts

0
Views

J

Put the blue block down. float: left♪ You'd better get the code fixed.
T

Jquery - How to pass a variable to a jquery selector?
Software Programming • javascript jquery • • Trenton

2

0
Votes

2
Posts

0
Views

A

Considering your solution, you can still simplify the code well:$( function() { $('#geral :input').click(function(){ // 1. não usar caixa alta em nomes de var // 2. não precisa de jQuery para pegar o id, use this.id var seletor = '.' + this.id + ' :input'; // Como o Sergio tinha sugerido var estado = $(this).prop('checked'); $(seletor).prop('checked', estado); } // faltava fechar o listener de click });
E

Sorting with jquery. dataTables. js and jquery. dataTables.columnFilter bug
Software Programming • jquery jquery datatables • • emran

2

0
Votes

2
Posts

0
Views

I decided to put this property "bSortCellsTop": true in the DataTable function.$(document).ready(function () { $('#tbConvenios').dataTable({ "bSortCellsTop": true }) .columnFilter({ sPlaceHolder: "head:before", aoColumns: [{ type: "text" }, { type: "text" }, { type: "text" }, { type: "text" } ] }); });

No addition of css in jquery

Suggested Topics

Need help with ES6 modules Software Programming • javascript webpack ecmascript 6 babel • • jonetta

How to load a CSS file dynamically in jQuery? Software Programming • javascript jquery css web application apac languagehe c languag • • emran

How to make a css style change via JQuery Software Programming • jquery • • rielyn

? How to insert a while(php) cycle in javascript? Software Programming • javascript php sql html5 bootstrap • • authera

Jquery css selters Software Programming • jquery • • Anderson

CSS Software Programming • javascript html css cs3 • • Avante

CSS, how do you do that button? Software Programming • html cs button • • rielyn

Ejs changes the date in the view Software Programming • javascript nodejs javasc languageript objec ejs • • emerson

How do I shoot a function with google forms? Software Programming • javascript google spreadsheet google apps sc languageri google forms • • Bogopo

jquery percentage calculation Software Programming • javascript jquery • • zymir

CSS menu Software Programming • css menu • • kalyn

What are and how do slots and "scoped slots" work on Vue.js? Software Programming • javascript vue.js • • morde

CSS notes Software Programming • css marking blocks • • juvenalb

Jquery - How to pass a variable to a jquery selector? Software Programming • javascript jquery • • Trenton

Sorting with jquery. dataTables. js and jquery. dataTables.columnFilter bug Software Programming • jquery jquery datatables • • emran

Need help with ES6 modules
Software Programming • javascript webpack ecmascript 6 babel • • jonetta

How to load a CSS file dynamically in jQuery?
Software Programming • javascript jquery css web application apac languagehe c languag • • emran

How to make a css style change via JQuery
Software Programming • jquery • • rielyn

? How to insert a while(php) cycle in javascript?
Software Programming • javascript php sql html5 bootstrap • • authera

Jquery css selters
Software Programming • jquery • • Anderson

CSS
Software Programming • javascript html css cs3 • • Avante

CSS, how do you do that button?
Software Programming • html cs button • • rielyn

Ejs changes the date in the view
Software Programming • javascript nodejs javasc languageript objec ejs • • emerson

How do I shoot a function with google forms?
Software Programming • javascript google spreadsheet google apps sc languageri google forms • • Bogopo

jquery percentage calculation
Software Programming • javascript jquery • • zymir

CSS menu
Software Programming • css menu • • kalyn

What are and how do slots and "scoped slots" work on Vue.js?
Software Programming • javascript vue.js • • morde

CSS notes
Software Programming • css marking blocks • • juvenalb

Jquery - How to pass a variable to a jquery selector?
Software Programming • javascript jquery • • Trenton

Sorting with jquery. dataTables. js and jquery. dataTables.columnFilter bug
Software Programming • jquery jquery datatables • • emran