Unable to duplicate content from Owl carousel items

Currently utilizing the owl carousel on my website to showcase carousel content featuring coupon codes. The problem I am facing is that I am unable to copy these coupon codes from the website.

Here is the carousel code snippet:

<div id="TopAirLine" class="topAirSlider owl-carousel owl-theme">           
<div class="item">
    <div class="topSliderImage">
        <div class="airhed">Promo Code: <b>cb100</b>                      
            <span class="fa fa-plane"></span>
        </div>
        <div class="flightpric">Description</div>                       
        <div class="flightpric">Test</div>
        <div class="flvaluid"> <div class="lftvalid"><span class="fa fa-clock-o"></span> Valid Until: date.</div> </div>
    </div>
    <div class="topSliderImage">
        <div class="airhed">Promo Code: <b>cb300</b>                      
            <span class="fa fa-plane"></span>
        </div>
        <div class="flightpric">Description</div>                       
        <div class="flightpric">Test11</div>
        <div class="flvaluid"> <div class="lftvalid"><span class="fa fa-clock-o"></span> Valid Until: date.</div> </div>
    </div>
</div>

jqueryhtmlcssowl-carousel

Answer №1

It appears that you are looking to deactivate the grabbing functionality of owlCarousel. Consider implementing the following code snippet in your script file.

jQuery('.owl-carousel').owlCarousel({
  touchDrag: false,
  mouseDrag: false,
});

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

"Mastering the art of CSS: The ultimate guide to perfecting

I am seeking advice on the best way to format the layout below, ensuring everything is properly aligned and neatly spaced: Below is the HTML code: <div class"wrapper"> <img alt="Image 1" src="images/image1.png" /> <div class="descripti ...

htmlcssformatting

Has Heroku caused your CSS Stylesheet to fail to load after deployment?

I've been struggling with understanding the asset pipeline in Rails 4 for some time now. I managed to figure out how to pre-compile assets, but after deploying my application, the CSS stylesheet doesn't seem to be updating. To confirm this, I ch ...

cssruby-on-railsrubyherokuasset-pipeline

Discover the secret to creating a seamless looping effect on text using CSS gradients, giving the illusion of an endless loop

Could use some assistance with looping this gradient smoothly over the text without any annoying jumps appearing during the animation. Is there a way to achieve a seamless movement across the text? Any suggestions on how to approach this? Here is a liv ...

htmlcss

Retrieve JSON data within a service and provide it to a component

I am currently facing an issue with loading data from a JSON file into my component using a service. The data is successfully loaded in the service, as confirmed by the console log; however, when trying to access the data in the component, it does not disp ...

javascripthtmlangulartypescripthttp-get

Adjust the Subnav <li> element to take up 100% width and reposition the dropdown menu

My current challenge involves customizing a navigation bar using CSS. I am struggling with making the sub-menus expand to 100% width as they currently appear fixed in size. Additionally, I am trying to find a solution to display the submenu options on eith ...

cssbootstrap-4

Ways to determine if an AngularJS modal is currently displayed

I am currently in the process of determining whether a modal is opened or closed. However, I keep encountering an error that says "cannot read property of open." To address this issue, I realize that I need to connect with $modal.open and retrieve the resu ...

javascriptjqueryangularjstwitter-bootstrap

Issue with Javascript function not triggering on Django dropdown selection change event

I have a question. I have a JS function that I downloaded from the internet and is being used in a Django project. In my template.html file, I have a <select class="select_filter" onchange="myFunc(this.value);"></select>. Ad ...

javascriptjquerydjango

How do I make sure an onchange event triggers when updating element values in jQuery?

In my view, I have an address block that can update some data when a user clicks a checkbox. This functionality is achieved through the following javascript function: <script type="text/javascript"> $().ready(function() { $("#UseAccountA ...

jqueryevents

Encountering unexpected values in JSON during retrieval from MySQL database

I am struggling to extract data from an ajax call using JSON and then access the data once the ajax call is successful. Here is the code I have written for this purpose: <?php error_reporting(E_ALL); ini_set('display_errors', 1); ...

phpjquerymysqlajaxjson

Problems with automatic resizing on Facebook while using a lightbox for fullscreen image viewing

Hey there, I'm currently working on a Facebook tab that showcases various offers. These offers are displayed using an Ari image slider along with a Joomla lightbox for full-screen viewing. I've implemented the Facebook autoresize function to elim ...

jqueryfacebooktabslightboxautogrow

I am having trouble selecting a search suggestion using selenium. The website does not allow me to simply click on submit, it requires me to make a selection

Streamlining the search for temporary apartments has become a priority for me, however, one website's drop-down list requirement is hindering my progress. I must select an option from the dropdown menu before being able to submit my search query, rega ...

pythonhtmlseleniumweb-scraping

Tips for maintaining the fixed size of a table header and preventing it from resizing in width

My goal was to create a table using divs with fixed headers while scrolling vertically. However, I encountered an issue where the header width seemed to shrink and became misaligned with the rows. Even setting the width to 100% did not resolve this probl ...

htmlcss

The Jquery ajax function is functional on a local environment, but fails to work when

Can someone please help me with this issue? I've been trying all day to figure it out, but I can't seem to... So, I have this function: function doSearch(){ $('#dg').datagrid('load',{ search: $('#sea ...

jqueryajax

How come my ajax function is not processing when the form is submitted?

Having an issue with validating a form where I need to check if a username is available before submission. Although all functions, including the PHP script for checking the username, are working properly, I'm unable to prevent the form from submitting ...

javascriptajaxjquery

Is there a problem with textbox support for multi-line strings?

I'm having trouble getting a textbox to display multiple lines of text. For instance, when I copy three lines of text from Microsoft Word and paste it into the textbox, only the first line appears. The other two lines are not showing up, and I'm ...

javajavascripthtmljsp

Is there a way to properly center this text vertically within the row?

The kids are like puzzle pieces. I've experimented with different classes like justify-content-center, align-items-center, and text-center, but no luck. All I want is for the text to be perfectly centered both vertically and horizontally within the ...

htmlcssbootstrap-5

Utilizing shared components with withStyles and material ui components

I'm currently working on a project using React, TypeScript, and Material UI. Here is the layout I have: <MuiThemeProvider theme={muiTheme}> <My Component/> </MuiThemeProvider> Within my component, the code looks something ...

cssreactjsmaterial-uijss

Is there a feature in JavaScript that allows for the creation of URLs?

I created an index view displaying cards (like playing cards) in a grid using BootStrap. Each card is within its own div element, and I implemented a jQuery click handler for each div to open a details page when clicked. The redirect from the index to the ...

javascriptjqueryhtml

ng-click-outside event triggers when clicking outside, including within child elements

I am looking to trigger a specific action when I click outside of the container. To achieve this, I have utilized the ng-click-outside directive which works well in most cases. However, there is one scenario where an issue arises. Inside the container, the ...

htmlangulartypescriptonclick

Customizing Material-UI elements in React using CSS styling

My goal is to style all the <Chip> elements within a <Grid> that has the class .table-header, but they are not changing their style (I have a <p> that should be colored in red and it works). Why does the styling work for the <p> ele ...

cssreactjsmaterial-uitsx