Streaming live at 10am (PST)

Color Picker Won't Display - Conflict I Think


#1

Hey guys, I'm trying to get this color picker to display and I can't get it to work on webflow.

I can get this to display perfectly when in just a normal html file so something has to be maybe conflicting.

This is the code in the head section of webflow, same as in my index.html file

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<script src='https://74ba981820e55c7ee9c5ea0bb063b63e2de94df9.googledrive.com/host/0BzBKNiqRRW3XSDV2WjFFWnpjdHM/colorpicker/spectrum.js'></script>
<link rel='stylesheet' href='https://74ba981820e55c7ee9c5ea0bb063b63e2de94df9.googledrive.com/host/0BzBKNiqRRW3XSDV2WjFFWnpjdHM/colorpicker/spectrum.css' />
<link rel='stylesheet' href='https://74ba981820e55c7ee9c5ea0bb063b63e2de94df9.googledrive.com/host/0BzBKNiqRRW3XSDV2WjFFWnpjdHM/colorpicker/index.min.css' />

and this is the embed code:
<input type="text" id="flat" value='#45925f'>
<div id="availability"><span> </span></div>
<input type="hidden" id="control" value=0 data-color="">
<script src='jq.min.js'></script>

So this exact code in a normal html file should display this:

on this website:
http://myfavoritecolor.com

But I think there is a conflict or something and maybe someone can help :slightly_smiling: thanks so much!

You can see the embed widget near the top, thats where the code is, and in the 'home' page settings is where I included the script and css includes

https://preview.webflow.com/preview/traviss-dandy-site?preview=b8fdf115c93d2079c2a519a4a35d9b69


#2

ahh I figured it out, was conflict with jquery.min.js


#3