使knockout.js脚本工作 [英] Make knockout.js scripts work

问题描述

我想知道如何让两个ko.js脚本在第一个被取消的那一刻工作，他们工作得很好有人可以帮助我

I would like to know how I can make two ko.js scripts work at the moment one is being cancelled by the first one separate they work great can someone help me

<script>
$('#addText').click(function (e) {
	/** Make div draggable **/
	$('<div />', {
		class: 'ui-widget-content',
		appendTo: '.container',
		draggable: {
			containment: 'parent',
			start: function( event, ui ) {
				$(this).css('z-index', ++z);
			}
		}
	});
});


$(document).on("dblclick", '.text', function()
{
	$(this).hide(); $(this).closest('.item').find('.edit_text').val($(this).text()).show();
});

$(document).on("click", ".edit_text", function()
{
	return false;
});


$(document).on("click", function()
{
	var editingText = $('.edit_text:visible');
	if (editingText.length)
	{
		editingText.hide();
		editingText.closest('.item').find('.text').text($(editingText).val()).show();
	}
});


var count = 1;
var selectedDraggable;

ko.bindingHandlers.draggable={
	init: function(element, valueAccessor, allBindingsAccessor, viewModel) {
		$(element).draggable();
		$(element).addClass('item' + count);
		count++;
		$(element).on('click', function () {
			selectedDraggable = $(this);
		})
	}
};


var vm=function(){
	var self=this;
	self.items=ko.observableArray();
	self.textContent = ko.observable('');
	self.init=function(){
		self.items([]);
	}
	self.remove=function(item){
		console.log(item);
		self.items.remove(item);
	}
	self.addNew = function() {
		self.items.push( self.textContent() );
		self.textContent('');
	}
	self.init();
}

ko.applyBindings(new vm());






var z = 1; //value to make div overlappable

$('#addText').click(function (e) {
	/** Make div draggable **/
	$('<div />', {
		class: 'ui-widget-content',
		appendTo: '.container4',
		draggable: {
			containment: 'parent',
			start: function( event, ui ) {
				$(this).css('z-index', ++z);
			}
		}
	});
});


$(document).on("dblclick", '.text1', function()
{
	$(this).hide(); $(this).closest('.item1').find('.edit_text1').val($(this).text()).show();
});

$(document).on("click", ".edit_text1", function()
{
	return false;
});


$(document).on("click", function()
{
	var editingText = $('.edit_text1:visible');
	if (editingText.length)
	{
		editingText.hide();
		editingText.closest('.item1').find('.text1').text($(editingText).val()).show();
	}
});


var count = 1;
var selectedDraggable;

ko.bindingHandlers.draggable={
	init: function(element, valueAccessor, allBindingsAccessor, viewModel) {
		$(element).draggable();
		$(element).addClass('item1' + count);
		count++;
		$(element).on('click', function () {
			selectedDraggable = $(this);
		})
	}
};


var vm=function(){
	var self=this;
	self.items1=ko.observableArray();
	self.textContent1 = ko.observable('');
	self.init=function(){
		self.items1([]);
	}
	self.remove=function(item){
		console.log(item);
		self.items1.remove(item);
	}
	self.addNew1 = function() {
		self.items1.push( self.textContent1() );
		self.textContent1('');
	}
	self.init();
}

ko.applyBindings(new vm());</script>

< br $> b $ b

我尝试过的事情：



我尝试过的一切告诉我被告知要把它们结合起来我不知道怎么做

What I have tried:

I have tried everything that ive been told I was told to combine them bu I don't know how to do that

推荐答案

（' ＃addText'）。click（ function （e）{
/ * *使div可拖动** /

('#addText').click(function (e) { /** Make div draggable **/

（' < div />'，{
class ：' ui-widget-content'，
appendTo：' 。container'，
draggable：{
containment：' parent'，
start： function （event，ui）{

('<div />', { class: 'ui-widget-content', appendTo: '.container', draggable: { containment: 'parent', start: function( event, ui ) {

（ this ）。css（' z-index'，++ z）;
}
}
}）;
}）;

(this).css('z-index', ++z); } } }); });

这篇关于使knockout.js脚本工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！